Vue渲染页面列表时,报以下两种错误时，均是key值不唯一或重复使用
1.加载刷新时页面报错如下：
Avoid using non-primitive value as key, use string/number value instead.
2.渲染页面： Duplicate keys detected: '61'. This may cause an update error.
加载某页面时冒出这两种报错，可能是由于v-for循环里，key值可能重复了，所以会报这个错。
查看代码： 发现key值重复了，更改为index+id
为了避免这个情况可以把key值改为index或者id（这里key最好用id，才能达到key值唯一，就地复用的原则，大大节省了dom的渲染）
Vue渲染页面列表时,报以下两种错误时，均是key值不唯一或重复使用 1.加载刷新时页面报错如下： Avoid u...
简述 Avoid using non-primitive value as key, use string/num...
1：浏览器报错vue.js:584 [Vue warn]: Avoid mutating a prop direc...
vue报错：You are using the runtime-only build of Vue where t...
报错内容（[Vue warn]: You are using the runtime-only build of ...
vue列表渲染v-for类似js语言中的for循环，用vue列表渲染指令渲染数组，可以类比js中用for循环遍历数...
当动态渲染页面时，如何判断页面的DOM节点已经渲染完成？ vue 有一个重要的概念：异步更新队列。Vue在观察到数...
Vue2.x 模板语法，条件渲染，列表渲染渲染 Vue2.x Router,Vuex 集成Vue2.x Vue2....
报错内容： [Vue warn]: You are using the runtime-only build of...
在vue项目中，在页面动态渲染时，页面渲染非常慢，有时需要十多秒才能渲染完成。开始以为是el-tabs造成页面卡顿...
本文标题：Vue渲染页面列表时，报错Avoid using non-pri
本文链接：https://www.haomeiwen.com/subject/ufqwaktx.html
网友评论