父组件:
<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)
}
}
});
0 个回复