1. 新建share.js文件, 目录为: @/static/js/share.js
export default {data() {return {share: {// 转发的标题 (默认标题)title: '默认标题',// 默认是当前页面,必须是以‘/’开头的完整路径path: '',//自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,//支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4imageUrl: ''}}},/*在要分享的页面 生命周期中 设计当前页面分享标题onLoad() {this.share.title = "当前页面分享标题"},*/// 发送给朋友onShareAppMessage(res) {// 来自页面内的按钮的转发if (res.from == 'button') {console.log("按钮转发--配置");}// 获取加载的页面let pages = getCurrentPages(),// 获取当前页面的对象view = pages[pages.length - 1];// this.share.path = `/${view.route}`;this.share.path = 'pages/home/index/index';//转发参数return this.share;},//分享到朋友圈onShareTimeline(res) {// 获取加载的页面let pages = getCurrentPages(),// 获取当前页面的对象view = pages[pages.length - 1];// console.log("获取加载的页面", pages);console.log("当前页面的对象", view);// this.share.path = `/${view.route}`; //分享当前页面this.share.path = 'pages/home/home'; //指定分享页面 //转发参数return this.share;}
}
2.在main.js中设置
注意: 须在定义vue后使用
// 全局分享
import share from '@/static/js/share.js'
Vue.mixin(share)