关于模板占位符

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

爱宁w

2020-09-27

老师，如果模板字符串上绑定key会报错，但是单独把key绑定到那个div和span上还是会报错，如果在一起绑定到一个嵌套的div上，那么模板占位符还有什么意义？老师这个应该怎么解决？

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

写回答

1回答

Samrtiboy

2020-09-28

已采纳

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

报错中已经告诉我们key属性需要使用在真实的元素上，而<template>标签并不是一个真实元素它不会被渲染到页面上，所以我们在使用<template>标签做循环的时候，无需绑定key属性。官方实例（在 <template> 上使用 v-for）

建议同学可以查阅一下官方对key属性的解释，API-key

爱宁w

非常感谢！

2020-09-28

共1条回复

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

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

10675 学习 · 8191 问题

查看课程

相似问题

使用模板占位符 template 报错

回答 1

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

回答 1

模板是哪个部分？

回答 1

关于模板这一块我一直都没搞懂如果是有模板的话是不是完全替代el

回答 2

使用模板占位时绑定key

回答 1

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