<template v-for="(item, index) in arr" :key="index">
<view>{{item}}</view>
</template>
Jyf
- 发布：2021-11-13 19:03
- 更新：2022-03-15 14:15
- 阅读：2369
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 20H2
HBuilderX类型： 正式
HBuilderX版本号： 3.2.12
第三方开发者工具版本号： 1.05.2109131
基础库版本号： 2.20.2
项目创建方式： HBuilderX
示例代码：
操作步骤：
vue 版本选择 3
运行到小程序
vue 版本选择 3
运行到小程序
预期结果：
正常编译
正常编译
实际结果：
报错 <template> cannot be keyed
报错 <template> cannot be keyed
bug描述：
vue3 要求 <template v-for> 的 key 设置在 template 标签上（详细）
但是在 template 上加 key 编译到小程序报错 <template> cannot be keyed，编译到 App 正常
如果把 key 加在子节点上，则编译到小程序正常，编译到 App 报错 <template v-for> key should be placed on the <template> tag
4 个回复
DCloud_UNI_Anne
预计下个alpha版本支持，已加分，感谢您的反馈！
DCloud_UNI_FXY
更新至最新HBuilderX Alpha
9***@qq.com
最新版，3.3.8.20220114-alpha还是这样
1***@qq.com
<template>
<div v-for="(item,index) in list" :key="index">
</div>
</template>
别死板绑定在template上，里面包个div
1***@qq.com
<template>
<div v-for="(item,index) in list" :key="index">
</div>
</template>
2022-03-15 14:16
Jyf (作者)
回复 1***@qq.com: 这样会多一个不必要的层
2022-03-15 17:59