問(wèn)題描述

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

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

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

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

分享代碼如下：

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

問(wèn)題解答

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

setPageTitle:function(video){ document.querySelector(’head title’).innerText = video.title; // hack微信等webview中無(wú)法修改標(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的組件