v-for必須保證template裏的元素具有唯一key

記一次v-for使用錯誤

錯誤搭配:template+v-for,提示不能綁定key屬性
template使用v-for
既然如此索性就不綁定key,還是報錯:
v-for不綁定key屬性
要求template內部的元素綁定key屬性,雖然麻煩了點還是嘗試每個元素綁定key屬性
template內部元素綁定key屬性
一波操作感覺很ok,運行也成功,就是不經意間檢查瀏覽器發現了一個錯,長這樣:
v-for key重複
網上查了之後得到的解釋:一個template(包括template)中同一個v-for裏面不能有綁定相同key的元素。此外,也不能有兩個相同的v-for,具體可以參考鏈接: https://blog.csdn.net/u010405836/article/details/101023078.

解決方案:把template換成div再綁定key就完事了,保證v-for的元素具有唯一的key