异常情况
<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>
产品分类: 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属性丢失
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>
以下将上传代码截图