<template>
<view>
<t-button open-type="getPhoneNumber" @getphonenumber="getPhoneNumbera" block theme="primary" variant="plain">t-button</t-button>
<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumbera">button</button>
</view>
</template>
<script>
export default {
data() {
return {}
},
getPhoneNumberb(e) {
console.log(e, 333);
},
methods: {
getPhoneNumbera(e) {
console.log('getPhoneNumbera', e)
},
},
}
</script>
<style>
</style>
- 发布:2022-05-08 08:02
- 更新:2023-03-21 14:32
- 阅读:739
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 22000613
HBuilderX类型: 正式
HBuilderX版本号: 3.4.8
第三方开发者工具版本号: Nightly 1.06.2204082
基础库版本号: 2.24.1
项目创建方式: HBuilderX
示例代码:
操作步骤:
在页面中使用 t-button,open-type 为 getPhoneNumber,接收函数为 getPhoneNumbera,接收函数中无法获取到手机号信息。
编译出来的2个按钮,关于事件部分代码不同。
<view>
<t-button open-type="getPhoneNumber" data-event-opts="{{[['^getphonenumber',[['getPhoneNumbera']]]]}}" bind:getphonenumber="__e" bind:__l="__l" vue-slots="{{['default']}}">t-button</t-button>
<button open-type="getPhoneNumber" data-event-opts="{{[['getphonenumber',[['getPhoneNumbera',['$event']]]]]}}" bindgetphonenumber="__e">button</button>
</view>
在页面中使用 t-button,open-type 为 getPhoneNumber,接收函数为 getPhoneNumbera,接收函数中无法获取到手机号信息。
编译出来的2个按钮,关于事件部分代码不同。
<view>
<t-button open-type="getPhoneNumber" data-event-opts="{{[['^getphonenumber',[['getPhoneNumbera']]]]}}" bind:getphonenumber="__e" bind:__l="__l" vue-slots="{{['default']}}">t-button</t-button>
<button open-type="getPhoneNumber" data-event-opts="{{[['getphonenumber',[['getPhoneNumbera',['$event']]]]]}}" bindgetphonenumber="__e">button</button>
</view>
预期结果:
希望能获取到事件信息。
希望能获取到事件信息。
实际结果:
获取不到事件信息。生成的 wxml 代码中。2个按钮的 data-event-opts 不同。
获取不到事件信息。生成的 wxml 代码中。2个按钮的 data-event-opts 不同。
bug描述:
通过截图中的代码,无法获取到手机号事件。
m***@gmail.com (作者)
问题解决了,tdesign-miniprogram 组件,需要自己传递属性 data-com-type="wx"
,后续才可以通过内置组件的方式拿到 $event 对象信息
示例代码:
<t-button data-com-type="wx" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber($event)" block theme="primary" variant="plain">t-button</t-button>