<template v-for="(item, index) in arr" :key="index">
<view>{{item}}</view>
</template>
![Jyf](https://img-cdn-tc.dcloud.net.cn/account/identicon/6026166b81aa8f677c19735191f4b5fa.png)
- 发布:2021-11-13 19:03
- 更新:2022-03-15 14:15
- 阅读:2308
产品分类: 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