vue.js:634 [Vue warn]: Duplicate keys detected: 'index'.

vue.js:634 [Vue warn]: Duplicate keys detected: ‘index’. This may cause an update error.(found in < Root >)

key的错误

第一、检查是否漏写index

因为与可能一开始用不到索引就没有,后来要用没注意添加

<li v-for="item  in  list" key="index">{
     {
     item.title}}</li>

第二、检查是否漏写key前的“ : ”

<li v-for="(item ,index ) in  list" key="index">{
     {
     item.title}}</li>

去掉key也能去掉错误

但是就不符合官方的推荐写法了

正确的写法(也是官方推荐)

<li v-for="(item ,index ) in  list" key="index">{
     {
     item.title}}</li>

你可能感兴趣的:(vue的小问题,vue)