1.首先在common中创建一个js的工具文件,我这里命名为share.js
2.在share.js中写入如下代码
export default {
data() {
return {
// 默认的全局分享内容
share: {
title: '测试分享名字',//分享时标题名字
path: 'pages/index/index', // 全局分享的路径,比如 首页
imageUrl: 'https://*****.com/logo1.jpg', // 全局分享的图片(路径可本地可网络)
}
}
},
// 定义全局分享
// 1.发送给朋友
onShareAppMessage(res) {
return {
title: this.share.title,
path: this.share.path,
imageUrl: this.share.imageUrl,
}
},
//2.分享到朋友圈
onShareTimeline(res) {
return {
title: this.share.title,
path: this.share.path,
imageUrl: this.share.imageUrl,
}
},
}
3.在main.js中引入common下share.js文件,并且注册
//分享
import share from '@/common/share.js'
Vue.mixin(share)
这样在调试中就可以直接使用了~ 图片为开发者工具模拟器中和手机中演示~希望能帮助到大家