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

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

雅兰心诺

2018-07-08

<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.


写回答

3回答

Dell

2018-07-08

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

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

李行知

2018-07-08

0
0

李行知

2018-07-08

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

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

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

10675 学习 · 8191 问题

查看课程