uni-app爬坑实录四:子组件引用父组件data属性值,无法同步的处理

问题情景:子组件props值,引用父组件data属性值,在父组件的方法中修改data属性值,porps值未同步更改。


子组件props的B(默认1),引用 data属性中的A (默认是0)

B为倒计时的分钟,子组件方法B(开始倒计时)

1、页面加载完成,B会正常更改为A的默认值0

2、父组件执行调用 方法A  》修改A = 2 》调用子组件方法B

正常来说应该开始2分钟倒计时,实际运行倒计时没有开始,因为这时B仍然 =0,没有被同步修改为2。

3、再次调用 方法方法A 修改A = 3 》调用子组件方法B ,2分钟倒计时开始。

 

VUE不是特别熟悉,具体原因也没有搞明白,不过用以下方法来调用方法B,可以处理这个问题,

setTimeout(() => { 	
    子组件方法B;
}, 1000)	;

 

你可能感兴趣的:(uniapp-微信小程序等前端)