1***@qq.com
1***@qq.com
  • 发布:2021-06-13 23:21
  • 更新:2022-07-18 17:32
  • 阅读:547

【报Bug】uniapp编译到微信小程序时会过滤模板:key

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: Alpha

HBuilderX版本号: 3.1.17

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: p30

页面类型: vue

nvue编译模式: fast

打包方式: 离线

项目创建方式: HBuilderX

bug描述:

uniapp编译到微信小程序时会过滤模板:key,
比如:
编译到微信小程序后 ,key="avatar" 消失了。

微信小程序很多组件依靠 key 来同步操作,key 被过滤后,组件都出问题了

2021-06-13 23:21 负责人:无 分享
已邀请:
DCloud_UNI_LXH

DCloud_UNI_LXH

bug已确认,已加分。后续考虑优化

临时先手动加一下吧

DCloud_UNI_LXH

DCloud_UNI_LXH

编译到微信小程序,正常的话:key会被编译为wx:key

能否提供一份示例呢?

1***@qq.com

1***@qq.com (作者)

比如很多微信小程序的组件依靠 key ,比如共享元素组件:

<share-element class="name"  key="title" :transform="transformIdx == index">  
    <view class="ft16">{{ title }}</view>  
</share-element>

以上使用uniapp 编译到微信小程序 key="title" 消失了

1***@qq.com

1***@qq.com (作者)

不是 在

<view v-for="(tab, index) in tabBars" :key="index" 

以上位于 v-for 操作的 的 :key 值会被正常的编译,

但是,当在模板中使用 单纯的 key="xxxx" 或者 :key="xxx" 时,编译后, key="xxxx" 就消失了。如:

<share-element class="name"  key="title" :transform="transformIdx == index"> 

这个时候 ,编译后 key=“xxx” 就消失了

DCloud_UNI_GSQ

DCloud_UNI_GSQ

目前 Vue2 可以采用的方案 :key.props

要回复问题请先登录注册