Skip to content

微信分享

下面介绍如何在uniappx中进行微信分享功能,分享选项式和组合式两种。 以下分享方式,同样适合tmui3.2的分享。

选项式

vue

export default {
	onShareAppMessage() {
	    return {}
	},
	onShareTimeline() {
	    return {}
	}
}

组合式

vue

// #ifdef MP
import { onShareAppMessage,onShareTimeline,onReady } from '@dcloudio/uni-app';
// #endif

// 必须在onReady中配置分享
onReady(()=>{
	// #ifdef MP
	onShareAppMessage(()=>{
		// 返还配置
		return {}
	})
	onShareTimeline(()=>{
		// 返还配置
		return {}
	})
	// #endif
})

通过VUE插件混淆

所有页面全局打开分享

uniapp-x

vue

export default definePlugin({
	install(app:VueApp) {
		app.mixin({
			onShareAppMessage() {
			    return {}
			},
			onShareTimeline() {
			    return {}
			}
		})
	}
})

uniapp混淆

vue

export default {
    // @ts-ignore
    install: (app: App) => {
        app.mixin({
           onShareAppMessage() {
               return {}
           },
           onShareTimeline() {
               return {}
           }
        })
    }
};
最近更新