最近代碼里出現(xiàn)了很多紅色波浪線，雖然對代碼提交發(fā)布沒有產(chǎn)生什么影響，但紅色的提示線看著著實(shí)煩人，以此記錄。

目前遇到的兩種情況：

1、

2、

查看文檔發(fā)現(xiàn)，報(bào)錯(cuò)原因：

1、v-for必須有唯一值，

2、v-for和v-if不能同時(shí)使用

解決方法也搜集到很多種：

1、在setting.json種添加??

"vetur.validation.template":?false,

"eslint.enable":?false,

一個(gè)是js文件取消波浪線，一個(gè)是vue文件取消波浪線

2、加動(dòng)態(tài)key值

:key='index'

在Vue 2.2 之后，要求 component 進(jìn)行列表渲染時(shí)，必須指定 key，在舊代碼中，有很多頁都沒有為for循環(huán)添加唯一值，要想每一頁都添加也是很耗費(fèi)時(shí)間，

如果代碼中總是出現(xiàn)不明波浪線閃動(dòng)，推薦先用第一種解決方法暫時(shí)解決問題，不要影響工作進(jìn)度，工作任務(wù)完成后還是要找到波浪線原因，畢竟設(shè)置eslint就

是為了語法規(guī)范，不要偷工取巧，時(shí)刻嚴(yán)格要求自己。