1. 程式人生 > >vue開發中v-for在Eslint的規則檢查下出現:Elements in iteration expect to have 'v-bind:key' directives

vue開發中v-for在Eslint的規則檢查下出現:Elements in iteration expect to have 'v-bind:key' directives

在使用VScode編輯器vue開發過程中,v-for在Eslint的規則檢查下出現報錯:Elements in iteration expect to have ‘v-bind:key’ directives

Eslint規則檢查顯示如下:

這裡寫圖片描述

報錯資訊如下:

[eslint-plugin-vue][vue/require-v-for-key]
Elements in iteration expect to have 'v-bind:key' directives.

這是因為我們安裝了ESLint外掛,對vue進行了eslint檢查,只需將這個規則檢查遮蔽掉即可,具體操作如下:
檔案–》首選項–》設定–》在搜尋框中輸入:vetur.validation.template–》找到vetur.validation.template:true–》將vetur.validation.template:true在右欄框中進行重置為false就ok了。
如圖:

重置