uni-app开发引用百度小程序的手机号授权组件<login></login>报错

uni-app开发引用百度小程序的手机号授权组件<login></login>报错

开发环境 版本号 项目创建方式
Windows win10 HBuilderX

操作步骤：

分成两点问题

  1. 添加百度小程序手机授权组件，定义getphonenumber方法，getphonenumber是login组件的完成授权后接收返回参数的方法，定义的getphonenumber方法里打印出参数
<login @getphonenumber="getPower"></login>  
getPower(e){  
    console.log('eeee', e)  
},
  1. getPower多返回$event
<login @getphonenumber="getPower($event)"></login>  
getPower(e){  
    console.log('eeee', e)  
},

预期结果：

  1. 第一第二点都可以成功打印出参数e的内容

实际结果：

第一第二点都不能打印出参数e的内容，第一点打印e为空
第二点代码报错，编译后的组件代码

<login bind:getphonenumber="__e" vue-id="39d44b33-1"  data-event-opts="{{[['^getphonenumber',[['getPower',['$event']]]]]}}" ></login>

正常的button组件编译后的代码

<button class="middle-btn ptxt" type="primary" open-type="getPhoneNumber"  data-event-opts="{{[['getphonenumber',[['getPower',['$event']]]]]}}" bindgetphonenumber="__e"></button>

更多关于uni-app开发引用百度小程序的手机号授权组件<login></login>报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

！！！！

更多关于uni-app开发引用百度小程序的手机号授权组件<login></login>报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


https://smartprogram.baidu.com/docs/develop/component/login/

有没有人管了

HBuilderX 3.3.0 已修复，即将发布

好的，谢谢了

你好这个问题是要等hbuilderx更新以后才修复吗

回复 1***@qq.com: HBuilderX alpha 3.3.0+ 已修复，请升级

在uni-app中引用百度小程序的<login>组件时，@getphonenumber事件绑定方式与标准小程序组件有所不同。根据你的代码和编译结果，问题出在事件绑定语法上。

问题分析：

  1. 百度小程序的<login>组件需要正确的事件绑定语法
  2. 编译后的代码显示事件处理器__e被正确绑定，但参数传递可能有问题

解决方案：

方法一：使用正确的事件绑定语法

<login @getphonenumber="getPower"></login>

getPower(e) {
    // 百度小程序返回的数据在 e.detail 中
    console.log('授权结果:', e.detail)
    // 如果需要原始事件对象
    console.log('完整事件对象:', e)
}

方法二：确保百度小程序平台配置正确 在manifest.json中确认百度小程序的配置：

{
    "mp-baidu": {
        "usingComponents": {
            "login": "dynamicLib://baiduLogin/login"
        }
    }
}
回到顶部