vue子组件的data从props动态更新数据

1,168 阅读1分钟

1、问题:当子组件从父组件中通过props获取属性,在data中定义的属性需要用到在props中的属性,也即props中的属性需要进行处理才能使用,若props实时更新,则会产生问题,即页面中的数据并未改变。

2、原因:props的属性传递给data的属性,只有一次操作,就是在mounted中,往后即使props的属性发生了变化,data也接收不到。

3、解决:

(1)可在computed中进行属性的定义。

image.png

(2)通过对自组件添加key,让其进行重新渲染

image.png