开发钉钉小程序时,遇到这么一个问题。
父组件传递给子组件的值是数组
,父组件通过setData更新
值时子组件没有监听到数据的变化
之前使用方式如下:
父组件使用子组件:
<Child list='{{arrayList}}'/>
父组件更新数据:
data:{
arrayList:[]
}
...
const newList = [1, 2, 3, 4, 5, 6]
this.setData({
arrayList: newList
})
子组件接收父组件数据并存储在自身data里进行使用
子组件接收参数:
data:{
list: []
}
...
this.setData({
list: this.props.list
})
子组件使用:
<view a:for="{{list}}">
{{item}}
</view>
经过尝试,修改为直接使用父组件传递下来的props里的数据
修改使用方式如下:
子组件接收参数:
props: {
list: ()=>Object;
}
子组件使用:
<view a:for="{{list}}">
{{item}}
</view>