m***@gmail.com
m***@gmail.com
  • 发布:2022-05-08 08:02
  • 更新:2023-03-21 14:32
  • 阅读:567

【报Bug】无法获取到手机号

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.4.8

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

基础库版本号: 2.24.1

项目创建方式: HBuilderX

示例代码:
<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>

操作步骤:

在页面中使用 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 不同。

bug描述:

通过截图中的代码,无法获取到手机号事件。

2022-05-08 08:02 负责人:无 分享
已邀请:
m***@gmail.com

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>
Leaf27

Leaf27

您好, 请教一下,您是怎么在uniapp中引入tdesign-miniprogram组件库的呢?

要回复问题请先登录注册