5***@qq.com
5***@qq.com
  • 发布:2021-10-15 22:59
  • 更新:2021-10-21 18:55
  • 阅读:1188

uni-app(vue)的页面渲染问题?卡了一天了急!

分类:uni-app

1 页面渲染其它正常就是这个item.cover[0]不正常,怎么也取不到值,用的是uni.request请求方法
2 报错和数据结构如图
求大神告诉问什么报错和无法取到item.cover[0]的值?


这个是组件模板


这个是页面数据请求方法


这个是引入的uni.request封装方法


这是请求的数据结构


这个是报错

2021-10-15 22:59 负责人:无 分享
已邀请:
DCMarvel

DCMarvel

初步怀疑两个循环嵌套 都用item ,item被覆盖了.

  • 5***@qq.com (作者)

    不行第二个啊换了item_2结果还是一样

    2021-10-16 18:55

  • 5***@qq.com (作者)

    就是取不到数组的值

    2021-10-16 18:55

5***@qq.com

5***@qq.com (作者)

自问自答吧!哎~
由于页面渲染时item是空对象,所以不存在数组item.cover,取tem.cover[0]必报错!
所以在下面js加入监听对象
watch: {
item(newVal) {
//console.log(newVal)
this.item=newVal
}
},

  • 5***@qq.com (作者)

    就是对props传入的对象监听一下

    2021-10-21 19:00

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容