vue循环渲染子组件视图不更新问题 -凯发ag旗舰厅登录网址下载

最近在写一个功能，使用v-for循环渲染子组件：代码如下：

当datas的数据发生改变时，按理子组件展现的数据也应该重新渲染，不过在使用的时候并没有达到这样的效果，但是将循环渲染的子组件改成html标签的话数据是会重新渲染的，经查阅发现当 vue 正在更新使用 v-for 渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，vue 将不会移动 dom 元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染，这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时 dom 状态 (例如：表单输入值) 的列表渲染输出。相关文献：https://cn.vuejs.org/v2/guide/list.html#维护状态

知道原因后在v-for的同时加上:key属性就解决了此问题。

 

 

总结

以上是凯发ag旗舰厅登录网址下载为你收集整理的vue循环渲染子组件视图不更新问题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发ag旗舰厅登录网址下载网站内容还不错，欢迎将凯发ag旗舰厅登录网址下载推荐给好友。