vue3下button的openType="getPhoneNumber"回调方法onGetPhoneNumber没反应

[Q-J-Brilliant]

相关平台

微信小程序

小程序基础库: 2.22.0
使用框架: Vue 3

复现步骤

taro版本3.4.3，微信小程序点击button弹出手机号获取授权没有进入回调方法,jsx写法可以进入

期望结果

可以进入回调方法

实际结果

没有进入

环境信息

👽 Taro v3.4.2


  Taro CLI 3.4.2 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 16.13.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.17 - C:\Users\jc\AppData\Roaming\npm\yarn.CMD
      npm: 8.1.0 - C:\Program Files\nodejs\npm.CMD

[github-actions]

等待热心的小伙伴解决问题中..., 有一些相关的 issues 可能帮助到你!

• 页面生命周期如何调用vue3 setup里的方法
• Taro Vue3 使用 Canvas 组件时无法触发对应的响应事件 （Taro版本3.4.2）
• regionchange 回调后，重新使用设置 scale 直接微信会崩溃

Thank you so much!

[fujiazhang]

我也遇到这个问题，操，最近一年没加过班，今天害得加班2个小时，排查不到原因。
taro+vue3 + getPhoneNumber 。。。。

[cake221]

遇到了同样的问题

[b2nil]

大概是因为这个问题：#8796
试试全部小写： <button open-type="getPhoneNumber" @getphonenumber="callback" />

[Q-J-Brilliant]

@b2nil 我用jsx写法就是正确的

[Q-J-Brilliant]

@b2nil 最开始全小写我也试过也是不行的

[fujiazhang]

如下，全小写，解决问题。

同#8796

[xiongshj]

大概是因为这个问题：#8796 试试全部小写： <button open-type="getPhoneNumber" @getphonenumber="callback" />

谢谢，解决了我的问题。

[Chen-jj]

Taro 文档有注明 Vue 的事件绑定是用 @ 代替小程序事件名的 bind。也就是说 bindgetphonenumber 使用 @getphonenumber 绑定。

JSX 同样地在文档中有注明首字母大写的 onCamelcase 格式。至于为什么不是和 React JSX 一样是 onCamelCase，是 Vue 有意为之，具体细节可以参考 #8796。

文档地址

[cKeygn]

<button open-type="getPhoneNumber" @getphonenumber="callback" />
我使用这个方法成功了

[tclxshunquan-wang]

文档坑死人啊 ，open-type不是getphonenumber。应该是getPhoneNumber

[Chen-jj]

<button open-type="getPhoneNumber" @getphonenumber="callback" />

文档没错吧

[tclxshunquan-wang]

这里的有点问题