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

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

分类: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

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