最近代碼里出現(xiàn)了很多紅色波浪線忆蚀,雖然對代碼提交發(fā)布沒有產(chǎn)生什么影響矾利,但紅色的提示線看著著實(shí)煩人姑裂,以此記錄。
目前遇到的兩種情況:
1男旗、
2舶斧、
查看文檔發(fā)現(xiàn),報(bào)錯原因:
1察皇、v-for必須有唯一值茴厉,
2、v-for和v-if不能同時(shí)使用
解決方法也搜集到很多種:
1什荣、在setting.json種添加??
"vetur.validation.template":?false,
"eslint.enable":?false,
一個(gè)是js文件取消波浪線矾缓,一個(gè)是vue文件取消波浪線
2、加動態(tài)key值
:key='index'
在Vue 2.2 之后稻爬,要求 component 進(jìn)行列表渲染時(shí)嗜闻,必須指定 key,在舊代碼中桅锄,有很多頁都沒有為for循環(huán)添加唯一值泞辐,要想每一頁都添加也是很耗費(fèi)時(shí)間,
如果代碼中總是出現(xiàn)不明波浪線閃動竞滓,推薦先用第一種解決方法暫時(shí)解決問題咐吼,不要影響工作進(jìn)度,工作任務(wù)完成后還是要找到波浪線原因商佑,畢竟設(shè)置eslint就
是為了語法規(guī)范锯茄,不要偷工取巧,時(shí)刻嚴(yán)格要求自己茶没。