如果在模板占位符中使用关联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",
}
]
}
})
写回答
1回答
-
黑白点
2018-08-24
<template v-for="(item,key,index) of list"
:key= "item.id">这里多加个key就可以了
062018-08-28
相似问题