Jyf
Jyf
  • 发布:2021-11-13 19:03
  • 更新:2022-03-15 14:15
  • 阅读:2252

【报Bug】vue3 小程序 template v-for 设置 key 报错

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 20H2

HBuilderX类型: 正式

HBuilderX版本号: 3.2.12

第三方开发者工具版本号: 1.05.2109131

基础库版本号: 2.20.2

项目创建方式: HBuilderX

示例代码:
<template v-for="(item, index) in arr" :key="index">  
    <view>{{item}}</view>  
</template>

操作步骤:

vue 版本选择 3
运行到小程序

预期结果:

正常编译

实际结果:

报错 <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

2021-11-13 19:03 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

预计下个alpha版本支持,已加分,感谢您的反馈!

DCloud_UNI_FXY

DCloud_UNI_FXY

更新至最新HBuilderX Alpha

9***@qq.com

9***@qq.com

最新版,3.3.8.20220114-alpha还是这样

1***@qq.com

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

该问题目前已经被锁定, 无法添加新回复