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

来源:3-8 Vue中的列表渲染

夜尽仙鸣

2018-08-24

<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",

}

]

}

})

http://img.mukewang.com/szimg/5b7f7ac40001cc1d10120705.jpg

写回答

1回答

黑白点

2018-08-24

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

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


0
6
夜尽仙鸣
回复
Dell
好的,收到
2018-08-28
共6条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程