vue3 uniapp 微信分享 onShareAppMessage 不生效解决方案
文章类型:Vue
发布者:hp
发布时间:2023-06-26
在vue3实际开发过程中,通过
<button class="message-item-btn" open-type="share">
实现分享到微信里面,发现默认可以,使用onShareAppMessage方式无效,配置路由地址和参数传参都没有接受到
主要是想通过分享进来页面,实现左上角返回首页操作,可以留存在小程序中
1:vue3采用组合式api ,必须要单独引入 !!!
import {
onShareAppMessage
} from '@dcloudio/uni-app'
onShareAppMessage((res) => {
const info = {
id: infoType.typeId,
code: props.detailInfoData.data.goods.code,
shareType: 1
}
return {
path: `/pages/releaseDetails/index?val=${encodeURIComponent(JSON.stringify(info))}`,
}
})
就可以拿到分享参数进行对应的功能操作了
1:vue3采用组合式api,一定要引入后使用!!!
2:页面级组件使用,组件内部使用无效!!!
2:如果无效,则刷新重启一下,就可以啦