javascript - vue 动态改微信分享文案的问题-PHP中文网问答

现在是这样的有一个需求当我在首页分享的时候标题是 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 () {
              
        });
      }
    },

setPageTitle:function(video){ document.querySelector('head title').innerText = video.title; // hack微信等webview中无法修改标题 var iframe = document.createElement('iframe'); iframe.addEventListener('load', function () { setTimeout(function(){document.body.removeChild(iframe)},0) ; }); document.body.appendChild(iframe); // 标题（内容) document.querySelector('.video_title').innerText = video.title; },