鍍金池/ 問(wèn)答/HTML/ v-for指令中，沒(méi)有寫(xiě):key="..."，為什么會(huì)提示最

v-for指令中，沒(méi)有寫(xiě):key="..."，為什么會(huì)提示最好要有這個(gè)屬性的綁定呢？

clipboard.png
我沒(méi)有在<li v-for="(item,index) in slides" @click="goto(index)">中寫(xiě):key="..."，為什么會(huì)出現(xiàn)這個(gè)提示呢？為什么最好要有v-bind:key呢？我用的vscode，怎么樣才能把紅色的波浪線提示給去掉？？？如果我的數(shù)據(jù)項(xiàng)里沒(méi)有id，那么這個(gè)key應(yīng)該怎么綁定才不會(huì)有問(wèn)題？？？求大家給看看，謝謝啦。
這個(gè)提示沒(méi)有在運(yùn)行時(shí)報(bào)錯(cuò)，程序可以正常運(yùn)行。

回答
編輯回答
奧特蛋

1.樓上已經(jīng)說(shuō)得很全面啦,vscode的Eslint不建議取消,這個(gè)功能還是能幫我們檢測(cè)出不少不標(biāo)準(zhǔn)的語(yǔ)法,特別是現(xiàn)在框架升級(jí)比較快,有些語(yǔ)法可能有變動(dòng)
2.id可以有v-for生成,這樣就可以動(dòng)態(tài)變化

<el-checkbox v-for="(selItem,index) in operatFrom.arkSelPer" label="selItem.key" :key="index"></el-checkbox>
2017年9月19日 12:28
編輯回答
淺淺

在vscode可以關(guān)閉。但是建議還是不關(guān)閉的好，養(yǎng)成良好的編碼習(xí)慣

當(dāng) Vue.js 用 v-for 正在更新已渲染過(guò)的元素列表時(shí)，它默認(rèn)用“就地復(fù)用”策略

2018年8月22日 23:15
編輯回答
失魂人

這個(gè)key是用來(lái)區(qū)別當(dāng)前循環(huán)到的元素的。綁定上吧還是，不綁定的話有組件復(fù)用的問(wèn)題。當(dāng)你的slides做增刪，調(diào)序的時(shí)候可能會(huì)出現(xiàn)奇奇怪怪的問(wèn)題。
想取消提示的話參考

2018年8月18日 04:37