如果在模板占位符中使用关联key<template :key= "item.id">虽然页面用也是正常显示，但在控制台中有报错，这是怎么回事，没明白

Question

<div id='app'>

<template v-for="(item,index) of list" 

  :key= "item.id">

<div >

{{item.name}}---{{index}}

</div>

<span>

{{item.name}}---{{index}}

</span>

</template>

</div>

var vm = new Vue({

el:'#app',

data:{

list:[

{ id:"001",

name:'张三',

},

{ id:"002",

name:'李四',

},

{ id:"003",

name:"wangwu",

}

]

}

})

Answer 1

黑白点 2018-08-24 15:39:05

<template v-for="(item,key,index) of list" 

  :key= "item.id">这里多加个key就可以了

• 提问者 夜尽仙鸣 #1

  我加了，但是还是报一样的错，但是如果吧<template>换成div的话就正常了

• 渡边的青豆 回复 提问者 夜尽仙鸣 #2

  把template中的 ：key值去掉就不报错了，虽然不是很懂什么原因

• 渡边的青豆 回复 提问者 夜尽仙鸣 #3

  提示的是要把key添加在真实的元素上面，比如template里的div中

点开查看后面3条评论