曾小晨
曾小晨
  • 发布:2023-02-25 11:41
  • 更新:2023-03-16 22:30
  • 阅读:923

【报Bug】vue3 share-element 组件的 transform 丢失

分类:uni-app

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

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.7.3

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

基础库版本号: 2.30.1

项目创建方式: HBuilderX

示例代码:

编译前:

<share-element  
    key="account-name"  
    class="font-30 color-base"  
    :transform="currentShareElementIndex === index"  
>  
  {{ account.name }}  
</share-element>

编译后:

<share-element wx:if="{{account.g}}" u-s="{{['d']}}" key="account-name" class="font-30 color-base data-v-faf72272" virtualHostClass="font-30 color-base data-v-faf72272" u-i="{{account.f}}" bind:__l="__l" u-p="{{account.g}}">{{account.e}}</share-element>

操作步骤:
<share-element  
    key="account-name"  
    class="font-30 color-base"  
    :transform="currentShareElementIndex === index"  
>  
  {{ account.name }}  
</share-element>

预期结果:
<share-element wx:if="{{account.g}}" u-s="{{['d']}}" key="account-name" class="font-30 color-base data-v-faf72272" virtualHostClass="font-30 color-base data-v-faf72272" u-i="{{account.f}}" bind:__l="__l" u-p="{{account.g}}" transform>{{account.e}}</share-element>

实际结果:
<share-element wx:if="{{account.g}}" u-s="{{['d']}}" key="account-name" class="font-30 color-base data-v-faf72272" virtualHostClass="font-30 color-base data-v-faf72272" u-i="{{account.f}}" bind:__l="__l" u-p="{{account.g}}">{{account.e}}</share-element>

bug描述:

share-element 组件的 transform 丢失,导致动画没有了,vue3 版本

2023-02-25 11:41 负责人:无 分享
已邀请:

最佳回复

DCloud

DCloud

HBuilderX 3.7.7.20230316-alpha 已修复。

zZZ1Ma

zZZ1Ma

参考我提的这个issue,你不需要那么麻烦,替换对应文件后即可用微信原生语法写shareElement组件属性

zZZ1Ma

zZZ1Ma

以管理员权限打开HBuilder,在HBuilder安装根目录下找到uni.compiler.js文件(例如安装路径为:D:\Program Files\HBuilderX\plugins\uniapp-cli-vite\node_modules\@dcloudio\uni-mp-weixin\dist\uni.compiler.js),打开后在第115行 "const customElements = ['page-container', ...] " 内新增 'share-element' 并保存;

  • 曾小晨 (作者)

    有用,感谢,看官方已经回复了,下个版本应该就不用再改了

    2023-03-01 10:12

DCloud_UNI_WZF

DCloud_UNI_WZF

问题确认,感谢反馈,已加分

DCloud_UNI_WZF

DCloud_UNI_WZF

临时解决方案:
vue2 替换 HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-template-compiler/lib/mp.js 为附件文件
vue3 替换 HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-mp-weixin/dist/uni.compiler.js 为附件文件

  • 曾小晨 (作者)

    好的好的

    2023-03-01 17:01

要回复问题请先登录注册