vue 如何调用微信分享_vue微信分享的实现(在当前页面分享其他页面)

首先以分享给朋友为例

1、先看官方文档

wx.onMenuShareAppMessage({

title: '', // 分享标题

desc: '', // 分享描述

link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

imgUrl: '', // 分享图标

type: '', // 分享类型,music、video或link，不填默认为link

dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空

success: function () {

// 用户确认分享后执行的回调函数

},

cancel: function () {

// 用户取消分享后执行的回调函数

}

});

2、vue分享踩的坑

* 1、微信分享中获取动态的url

* 2、 微信二次分享自动添加的参数     form=singlemessage

* 3、vue中各个页面都可以调用分享

3、直接代码分析

为了保证每个页面都可以调起微信分享,需要在vue根组件中,添加 watch监听

代码

watch: {

// 监听 $route 变化调用分享链接

"$route"(to, from) {

let currentRouter = this.$router.currentRoute.fullPath; //