以前学习总会把遇到的一些问题和解决思路记在有道云笔记里,遇到的问题多了,笔记记得多也比较杂,最近得空好好把有道笔记整理整理~
Vue中使用v-for出现错误提示:
[vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-vue
解决思路:
1、v-for 后添加:key="item"
标识
作用:--摘抄vue官网
①"为了给 Vue 一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key 属性。"
②“不要使用对象或数组之类的非基本类型值作为 v-for 的 key。请用字符串或数值类型
的值。”
如果你这样写:
是会报错的:
Avoid using non-primitive value as key, use string/number value instead.
避免使用非原始值作为key,最好使用字符串或数值类型代替。
2、关闭Eslint等语法检测插件
vue中使用v-for渲染数据为何需要加key?
不定期整理笔记日常~