在vue的开发过程中,如果出现Duplicate keys这种错误,需要注意一下。
\n\n\n\n首先保持 :key="index",如果就两个div的同一个父元素下,又同事使用v-for,就可能会出现这种情况,有问题的写法:
\n\n\n\n<div>\n <div v-for="item in listone">one</div>\n <div v-for="item in listtwo">two</div>\n</div>\n\n\n\n\n\n\n\n\n换一种写法可以避免出现这个问题:
\n\n\n\n<div>\n <div v-for="item in listone">one</div>\n</div>\n<div>\n <div v-for="item in listtwo">two</div>\n</div>\n