使用模板占位符 template 报错

Question

在列表渲染章节中使用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.

这是什么原因？

Answer 1

Dell 2019-01-05 22:27:42

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

• 提问者 慕虎3332157 #1

  非常感谢！

• 雪落无痕2018 #2

  但是这样的话，还是多了dom节点呀，刚好翻到这个问题，有点不解这个到底怎样才能不多dom元素。求解答，谢谢老师

• Dell 回复 雪落无痕2018 #3

  这个没办法，但是新版本的vue好像解决了这个问题，你可以再看下文档template这里的说明

点开查看后面1条评论