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

Question

<div id="app">

       <template v-for="(item,index) of list" :key="item.id">

            <div> 

                {{item.text}} ------{{index}}

            </div>

            <span>

                {{item.text}}

            </span>

        </template>

    </div>

- <template>

 cannot be keyed. Place the key on real elements instead.

Answer 1

Dell 2018-07-08 20:52:51

是的，楼上正解，不要给template做循环，给内部的内容做循环

• 轮回之日 #1

  老师，只给内部的内容做循环不是还要加一个div才能循环多个标签，那template的意义就没了，官网里有写可以用带v-for的template渲染多个元素，但是用了v-for要使用:key，但实际上template不能用:key，那渲染多个元素要怎么写，老师可以给个例子吗

Answer 2

李行知 2018-07-08 16:47:37

https://segmentfault.com/q/1010000007684441

可以看下这个

Answer 3

李行知 2018-07-08 16:46:24

看报告的意思是:key不能用在template这里，必须是一个真实的元素