報錯代碼:Custom elements in iteration require 'v-bind:key' directives
設置key
在使用vue-cli工具開發時,使用v-for出現以下報錯
Snipaste_2020-06-07_18-40-02.jpg
原因是vue在升級到2.2后,當在組件中使用 v-for
時,規定必須有設置 key
.
<swiper>
<swiper-item v-for="(item,index) in bannes" :key="index"></swiper-item>
</swiper>
關閉Eslint代碼檢查
還有一個原因就是使用了Vetur插件,然后Eslint對vue進行了檢查,因為在vue2.2.0+的版本中,使用v-for時,key是必須的
解決辦法是:關閉eslint對該插件的檢查
文件 -> 首選項 -> 設置,搜索vetur.validation.template,把勾選取消掉
Snipaste_2020-06-07_19-01-17.jpg
這樣子問題就解決了。