vue使用v-for时vscode报错
vue使用v-for时vscode报错Elements in iteration expect to have 'v-bind:key' directives
Vue2.2.0+的版本里,当在组件中使用v-for时,key是必须的
错误提示:
1 | [vue-language-server] Elements in iteration expect to have 'v-bind:key' directives. |
原因是eslint检测引起
解决方法:
-
在v-for后添加:key=‘item’
1
2
3<li v-for="i in list" :key="i">
<div class="item" v-for="(user,index) in datalist" :key='index' > -
在build处关闭eslint检测
…(config.dev.useEslint ? [createLintingRule()] : []), -
更改vetur配置:vscode->首选项->设置->搜索(vetur)
“vetur.validation.template”: true,改成:false
参考链接:
vue使用v-for时vscode报错 Elements in iteration expect to have ‘v-bind:key’ directives
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Reverse!