组件复用切换,数据变化,页面不渲染

138 阅读1分钟

问题:在父组件切换复用子组件,数据变化,页面却并不渲染。

image.png

image.png

原因:原因是Diff算法的复用性,vue为了尽快渲染页面通常会复用已经渲染的元素,所以会导致绑定的数据没被实时刷新。

image.png

解决方法:对复用的元素添加key。(可使用时间等)

image.png