在ios下app  設定document.title = "titleName" 失效，原因是在IOS webview中網頁標題只加載一次，動態改變是無效的。

vue中npm install  vue-wechat-title元件

在路由配置中新增  meta物件 如：

路由尾部新增Vue.use(require('vue-wechat-title')); //例項化引數

所需要動態更改title的元件中頂部加入<div v-wechat-title="title"></div>，這裡的title是你的動態標題變數

此時，安卓已經沒有問題了，但是iosHIA是不行，那麼接下來

在路由配置js裡面添以下程式碼

router.afterEach(route => {
    // 從路由的元資訊中獲取 title 屬性
    if (route.meta.title) {
        document.title = route.meta.title;
        // 如果是 iOS 裝置，則使用如下 hack 的寫法實現頁面標題的更新
        if (navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
            const hackIframe = document.createElement('iframe');
            hackIframe.style.display 
 
= 'none';
            hackIframe.src = '/static/html/fixIosTitle.html?r=' + Math.random();
            document.body.appendChild(hackIframe);
            setTimeout(_ => {
                document.body.removeChild(hackIframe)
            }, 300)
        }
    }
});

這樣，ios就可以獲取到動態標題了。