javascript - vue 动态改微信分享文案的问题
现在是这样的 有一个需求 当我在首页分享的时候标题 是 aaaa 当我在详情页分享的时候标题是 bbb 但是页面一加载 文案就定死了 我如何动态改分享的文案 我使用的是vue2 代码如下
我写在main.js中 一开始执行就加载了
一开始定义了 var title = 'aaaa' desc = 'bbbb'
我的做法是 在路由跳转到详情页的时候 title 改变
router.beforeEach(function (to, from, next) {
if (to.path.indexOf('/details') != -1) { // 当跳转到这个页面时候改变title
title = 'cccc';
desc = 'dddd'
} else {
title = 'aaaa';
desc = 'bbbb';
}
}但是这样做不行 不知道为什么 从一开始加载 title就永远是 aaa了 除非我在详情页刷新 此时才会重新new vue的实例 才会改变title
分享代码如下：
wx.onMenuShareAppMessage({ // 分享给朋友
title: title, // 我需要动态改这个标题
desc: desc, // 动态改这个描述
link: '', // 分享链接 默认以当前链接
imgUrl: imgUrl + '/static/images/share.png',// 分享图标
// 用户确认分享后执行的回调函数
success: function () {
});
}
},
