javascript - vue 動態改微信分享文案的問題
高洛峰
高洛峰 2017-07-05 10:56:20
0
3
1278

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

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回覆(3)
学习ing

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

洪涛

雷雷

ringa_lee

推薦一款修改title的組件

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板