問題描述

現(xiàn)在是這樣的 有一個需求 當(dāng)我在首頁分享的時候標(biāo)題 是 aaaa 當(dāng)我在詳情頁分享的時候標(biāo)題是 bbb 但是頁面一加載 文案就定死了 我如何動態(tài)改分享的文案 我使用的是vue2 代碼如下

我寫在main.js中 一開始執(zhí)行就加載了 一開始定義了 var title = ’aaaa’ desc = ’bbbb’我的做法是 在路由跳轉(zhuǎn)到詳情頁的時候 title 改變

router.beforeEach(function (to, from, next) { if (to.path.indexOf(’/details’) != -1) { // 當(dāng)跳轉(zhuǎn)到這個頁面時候改變title title = ’cccc’; desc = ’dddd’ } else { title = ’aaaa’; desc = ’bbbb’; }}

但是這樣做不行 不知道為什么 從一開始加載 title就永遠是 aaa了 除非我在詳情頁刷新 此時才會重新new vue的實例 才會改變title

分享代碼如下：

wx.onMenuShareAppMessage({ // 分享給朋友 title: title, // 我需要動態(tài)改這個標(biāo)題 desc: desc, // 動態(tài)改這個描述 link: ’’, // 分享鏈接 默認以當(dāng)前鏈接 imgUrl: imgUrl + ’/static/images/share.png’,// 分享圖標(biāo) // 用戶確認分享后執(zhí)行的回調(diào)函數(shù) success: function () { }); } },

問題解答

你的微信分享功能的初始化應(yīng)該是在全局做的。我覺得可以將wx分享封裝成一個函數(shù)，然后將需要修改的參數(shù)暴露成接口，你這里的title。然后在不同的路由(組件)中去完成注冊以及配置。

setPageTitle:function(video){ document.querySelector(’head title’).innerText = video.title; // hack微信等webview中無法修改標(biāo)題 var iframe = document.createElement(’iframe’); iframe.addEventListener(’load’, function () {setTimeout(function(){document.body.removeChild(iframe)},0) ; }); document.body.appendChild(iframe); // 標(biāo)題（內(nèi)容) document.querySelector(’.video_title’).innerText = video.title;},回答3：

推薦一款修改title的組件