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:如果无效,则刷新重启一下,就可以啦