g***@qq.com
g***@qq.com
  • 发布:2023-03-15 00:07
  • 更新:2023-04-03 10:48
  • 阅读:598

【报Bug】uniapp 使用v-for 循环生成aweme-data组件(抖音小程序自带的组件),编译后的代码丢失aweme-id 属性,导致小程序组件无法使用

分类:uni-app

产品分类: uniapp/小程序/字节跳动

PC开发环境操作系统: Windows

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

第三方开发者工具版本号: v4.0.5

基础库版本号: 2.81.1.2

项目创建方式: CLI

CLI版本号: @vue/cli 4.5.15

示例代码:

异常情况

<aweme-data :aweme-id="item"  v-for="item in arr" :key="item"></aweme-data>    

 const arr = ["1349133771"];

id写死并且添加v-pre指令:

<aweme-data aweme-id="1349133771" v-pre></aweme-data>

操作步骤:

可使用cli创建项目,并按照附件中的1-4号图片进行重现

预期结果:

使用v-for循环并且 aweme-id属性存在: <aweme-data aweme-id="存在"></aweme-data>

实际结果:

<aweme-data tt:for="{{a}}" tt:for-item="item" tt:key="a" u-i="{{item.b}}" bind:l="l" u-p="{{b}}"></aweme-data>

aweme-id属性丢失

bug描述:

uniapp中编写
模板: <aweme-data :aweme-id="item" v-for="item in arr" :key="item"></aweme-data>

数据: const arr = ["1349133771"];

经过编译之后的代码:
<aweme-data tt:for="{{a}}" tt:for-item="item" tt:key="a" u-i="{{item.b}}" bind:l="l" u-p="{{item.c}}"></aweme-data>

差异:编译前有aweme-id属性,编译后aweme-id属性丢失,导致小程序组件无法使用;

补充: aweme-data组件为抖音小程序自带的组件,链接为:https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/component/open-capacity/aweme-data/
权限已经通过,如果不通过v-for循环,并且添加上v-pre指令后,可以正常编译,并且组件可以正常使用 ,代码如下:
源码 : <aweme-data aweme-id="1349133771" v-pre></aweme-data>
编译后的代码: <aweme-data aweme-id="1349133771"></aweme-data>
以下将上传代码截图

2023-03-15 00:07 负责人:DCloud_UNI_WZF 分享
已邀请:

最佳回复

DCloud_UNI_WZF

DCloud_UNI_WZF

HBuilderX 3.7.12 已修复

DCloud_UNI_WZF

DCloud_UNI_WZF

问题确认,感谢反馈,已加分,后续支持
临时解决方案:替换 HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-mp-toutiao/dist/uni.compiler.js 为附件文件

  • g***@qq.com (作者)

    万分感谢,已解决,期待下次更新

    2023-03-15 14:34

要回复问题请先登录注册