2***@qq.com
2***@qq.com
  • 发布:2024-07-18 23:23
  • 更新:2024-07-18 23:23
  • 阅读:226

【报Bug】使用uniapp编写抖音小程序时,自定义抖音小程序组件,编译后属性缺失

分类:uni-app

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

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.23

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

基础库版本号: 4.2.6

项目创建方式: HBuilderX

操作步骤:

父组件:

<view>  
            <TtButtionIm imId="XXXXX" @im="imCallback" @error="onimError">联系客服</TtButtionIm>  
        </view>

抖音子组件:

<view im-id-f="{{imId}}">  
    <button class="button-im"  
      open-type="im"  
      data-im-id="{{imId}}"  
      bindim="imCallback"  
      binderror="onimError"  
    >  
      <slot></slot>  
    </button>  
</view>
Component({  
  properties: {  
    // 定义 headerText 属性,可以在使用组件时由外部传入。该变量可以直接在自定义组件 ttml 中使用  
    imId: {  
      type: String,  
      value: ""  
    }  
  },  
  data: {  
  },  
  methods: {  
    // 自定义组件内部方法  
    imCallback: function (e) {  
        this.triggerEvent("im",e)  
    },  
    onimError: function(e) {  
        this.triggerEvent("error",e)  
    }  
  }  
});

预期结果:
<view>  
        <tt-buttion-im imId="XXXXXX" tt:if="{{d}}" u-s="{{['d']}}" bindim="{{b}}" binderror="{{c}}" u-i="621c69a5-4" bind:__l="__l"  
            u-p="{{d}}">联系客服</tt-buttion-im>  
    </view>  

实际结果:
<view>  
        <tt-buttion-im tt:if="{{d}}" u-s="{{['d']}}" bindim="{{b}}" binderror="{{c}}" u-i="621c69a5-4" bind:__l="__l"  
            u-p="{{d}}">联系客服</tt-buttion-im>  
    </view>

bug描述:

因为要使用抖音的 button 组件,uniapp本身不支持,只能自定义抖音组件,结果编译后传的属性丢失了。

2024-07-18 23:23 负责人:无 分享
已邀请:

要回复问题请先登录注册