背景
- 点击修改获取的数据每次都是上一次的数据,就是子组件获取的数据没有实时更新。
- 先说解决办法:在子组件使用
watch监听props获取的数据,重新赋值新变量就可以。知道了赶紧写代码,写完回家睡觉。 - 不急咱往下看,一起来分析下
props,首先看下官方文档。
说明
- 我们知道
props是用来接受父组件传递的数据,数据类型可以是我们常用的类型,值可以是静态或者是动态的。下面我们一起来做demo。
业务
- 我们先看下页面。
测试
看props
- 点击第一行,结果
row为空。 - 点击第二行,结果
row为第一行数据。 - 再点击第一行,结果
row为第二行数据。
看watch
- 点击第一行,结果:使用
props的结果是空,使用watch监听得到的数据是正确。 - 我们点击第二行,结果:使用
props的结果是第一行数据,使用watch监听得到的数据是正确。
总结
- 至此,我们知道了,使用
props得到的是有延迟的数据,使用watch监听得到的是我们预期的数据。