2***@qq.com
2***@qq.com
  • 发布:2022-09-06 10:59
  • 更新:2022-09-06 11:19
  • 阅读:464

自定义组件在百度小程序中,数据不渲染问题。

分类:uni-app

自定义组件能获取到数据,但是页面不渲染。

【自定义组件】¥<skus ref="attrModal">¥

【传入数据,步骤:】
1.父组件在onShow时,this._axios();发送数据初始化请求
2.请求成功回调后,获取res.data
3.通过this.$refs.attrModal.skuBeanList = res.data.xxx (ref方式传入数据到子组件)
4.再调用子组件的数据初始化方法this.$refs.attrModal.initData() 这里会处理传入的数据

【渲染数据】
<template v-if="sku_list.result">
<view v-for="(item, key) in sku_list.result" :key="key"></view>
</template>
--这里出现问题数据渲染不上去
--{{sku_list.result}} 为undefined
--但是 {{JSON.stringify(sku_list.result)}} 有下面这种数据
【需要渲染的数据类型:】对象-套对象-套对象-套对象
{
"颜色":{
"蓝色":{"name":"蓝色","active":true,"disabled":false},
"黑色":{"name":"黑色","active":false,"disabled":false},
"红色":{"name":"红色","active":false,"disabled":false}
}
}

【展示图:】

源码图--

百度小程序数据展示图--【有问题,无法渲染】

H5数据展示图--【没问题,正常显示】

【百度小程序社区中开发者回复:经过测试发现,在使用uniapp开发百度小程序时会有这种情况。】
【微信小程序一切正常没有这个问题】

2022-09-06 10:59 负责人:无 分享
已邀请:
CODE_XU

CODE_XU

换个方式试试。
请求后,先处理数据,然后通过 prop 传给 attrModal 组件

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

    用props传值可以渲染上去

    2022-09-06 16:59

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

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

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

## 大标题 
### 小标题

斜体 / 粗体 :

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

代码片段 :

``` 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

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

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