钉钉小程序 父子传参数对象 子组件页面不更新?

开发钉钉小程序时,遇到这么一个问题。

父组件传递给子组件的值是数组,父组件通过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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值