在用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文件,發現不報錯了。