uni_app+vite+vue3+ts开发小程序,解决getUserProfile()获取用户信息问题

uni_app+vite+vue3+ts开发小程序,解决getUserProfile()获取用户信息问题_第1张图片

1.前言

最近开发小程序,开发环境uni_app+vue3等。在获取小程序平台用户信息是报错:

{errMsg: "getUserProfile:fail must be invoked by user tap gesture", errNo: 21500}

我在抖音上查了下错误码:

看到这个解释也是瞬间无语了,然后在平台查找错误,找了半天终于在vue2 升级vue3文档里面找到解决办法,官方链接:

uni-app官网 (dcloud.io)icon-default.png?t=N7T8https://zh.uniapp.dcloud.io/tutorial/migration-to-vue3.html#some-miniapp-terminal-events-of-vue3-project-are-delayed-or-failed-to-call

uni_app+vite+vue3+ts开发小程序,解决getUserProfile()获取用户信息问题_第2张图片

这里也给出了解释。

2.代码逻辑



注意点:一定要把data-eventsync="true"添加到事件源上,冒泡到父节点不会生效,如下图所示,在外层view添加了点击事件,我点击了子元素,也会报错,所以子结点上也要添加data-eventsync="true"。

uni_app+vite+vue3+ts开发小程序,解决getUserProfile()获取用户信息问题_第3张图片

完整代码





 

以上是uni_app加vue3开发遇到的问题,希望对你有所帮助。vue2开发小程序不会存在这个问题。

你可能感兴趣的:(Vue,小程序,前端,vue,uni-app)