javascript - vue 動態改微信分享文案的問題

Question

現在是這樣的有一個需求當我在首頁分享的時候標題是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 () {
              
        });
      }
    },

Answer 1

你的微信分享功能的初始化應該是全域做的。我覺得可以將wx分享封裝成一個函數，然後將需要修改的參數暴露成接口，你這裡的title。然後在不同的路由(組件)中去完成註冊以及設定。

Answer 2

雷雷

Answer 3

推薦一款修改title的組件