创建公共js文件 文件代码如下
这个地方title没有使用data里面的变量是因为在这个地方取不到
export default {
// 发送给朋友
onShareAppMessage(res) {
return {
title: this.$shareTitle,
path: '/pages/login/login'
}
},
//分享到朋友圈
onShareTimeline(res) {
return {
title: this.$shareTitle,
path: '/pages/login/login'
}
}
}
在main.js里面引入公共js 通过Vue.mixin进行全局挂载
如果每个页面想显示的标题不一样就在对应的页面onload里面修改标题,想增加分享图修改也是同等操作
import wxShare from '@/utills/wxShare.js'
Vue.prototype.$shareTitle = '分享标题'
Vue.mixin(wxShare)
页面修改标题
onLoad() {
this.$shareTitle = '登录页面分享'
},