vue使用v-for時vscode報錯 Elements in iteration expect to have 'v-bind:key' directives

本文轉載自查看原文 2019-03-03 18:53 7670 v-bind/ directives/ vscode/ v-for/ vue/ for/ iteration/ vuejs/ key

Vue 2.2.0+的版本里，當在組件中使用v-for時，key是必須的
錯誤提示:
[vue-language-server] Elements in iteration expect to have 'v-bind:key' directives.
Renders the element or template block multiple times based on the source data
原因是eslint檢測出現bug
---------------------
解決方法：
1.在v-for 后添加 :key='item'
<li v-for="i in list" :key="i">

2.在build處關閉eslint檢測
...(config.dev.useEslint ? [createLintingRule()] : []),

3.更改vetur配置 vscode->首選項->設置->搜索（vetur）
"vetur.validation.template": true,
改成：false

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 vue的開發中v-for報錯 [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives. vue開發中v-for在Eslint的規則檢查下出現：Elements in iteration expect to have 'v-bind:key' directives vetur插件提示 [vue-language-server] Elements in iteration expect to have 'v-bind:key' directives Vue的v-bind:key vue.js v-for 一定要與v-bind:key="id" 聯用 Vue v-bind的使用 vue之v-bind，v-if，v-for，v-on，v-model基本用法 Vue指令：v-for的用法；v-bind綁定class的幾種寫法；tab標簽切換 Vue學習筆記三：v-bind，v-on的使用 Vue v-bind指令