vue在微信里面的兼容问题_封装vue微信公众号分享方法,兼容iOS

上篇文章说到 vue的jssdk授权方案 ,这篇中使用的上篇的方法授权。

分享个公众号分享引到图片

这里设置一个公共方法:

/**

* 分享

* @param {Object} data 分享内容 title 分享标题 thumb分享图片 content 分享描述

* @param {String} fullPath 分享路径 通过 this.$route.fullPath 获取传入

*/

export function share(data, fullPath) {

// 设置自定义分享

ready(["updateTimelineShareData", "updateAppMessageShareData"]).then(_ => {

wx.updateTimelineShareData({

title: data.title, // 分享标题

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

imgUrl: data.thumb, // 分享图标

success: function () {

// 设置成功

}

});

wx.updateAppMessageShareData({

title: data.title, // 分享标题

desc: data.content, // 分享描述

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

imgUrl: data.thumb, // 分享图标

success: function () {

// 设置成功

}

});

});

}

使用     share({title: '分享标题', content: '分享描述', thumb: '分享图片'}, this.$route.fullPath)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值