自定义组件能获取到数据,但是页面不渲染。
【自定义组件】¥<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开发百度小程序时会有这种情况。】
【微信小程序一切正常没有这个问题】
2***@qq.com (作者)
用props传值可以渲染上去
2022-09-06 16:59