vetur插件提示 'v-for' directives require 'v-bind:key' directives.錯誤的解決辦法


在用vscode編寫vue代碼時,因為安裝的有vetur插件,所以當代碼中有v-for語法時,會提示

[vue-language-server] 'v-for' directives require 'v-bind:key' directives.

 

我們知道vue在升級到2.2后,當在組件中使用 v-for 時, key 現在是必須的。

下面是vue官方文檔的說明:

回頭看一下,我們寫的代碼 v-for中有key,但是為什么還報錯呢?

去vetur插件的github上搜了一下,發現有人提這個報錯問題,該插件的作者給出了解決辦法:

This is intended ESLint feature. You can turn off eslint check in future release. 

Setting vetur.validation.vue-html to false will disable it.

這是ESLint的功能。對vue進行了eslint檢查。

那么我們就把eslint對該插件的檢查關閉,

在vscode中,打開 文件>首選項>設置 找到 

vetur.configuration 把  "vetur.validation.template": true  改成

"vetur.validation.template": false
 
保存,我們再看一下vue文件,發現不報錯了。


免責聲明!

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



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM