使用模板占位符 template 报错

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

慕虎3332157

2019-01-04

在列表渲染章节中使用template标签包裹后页面报错：

<template v-for="(item,index) of list" :key="item.id">
      <div>{{item.item}}--{{item.id}}</div>
      <span>{{item.item}}--{{index}}</span>
</template>

控制台信息：

- <template> cannot be keyed. Place the key on real elements instead.

这是什么原因？

写回答

1回答

Dell

2019-01-05

已采纳

key制不能使用在template磨板上，里面再加一个div，放到div上

雪落无痕2018

Dell

好的，我早上找个时间瞅瞅，谢谢，早点休息，老师

2019-01-17

共4条回复

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

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

10675 学习 · 8191 问题

查看课程

相似问题

老师，用template占位符的时候报错了

回答 3

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

回答 1

我划横线的可以举个例子吗？

回答 1

关于模板占位符

回答 1

请问template在Vue中有什么作用那

回答 1

打开慕课网App查看更多内容