Vue項目中title的設置,使用document.title返回時不生效

開始使用的document.title來改變標題,但是當按返回鍵時title,會是上一個的title.

如何解決vue項目中title問題呢?

推薦使用 vue-wechat-title插件

一、下載

npm install vue-wechat-title --save 

二、在main.js里引入

import VueWechatTitle from 'vue-wechat-title';  
Vue.use(VueWechatTitle)

三、在配置路由里添加meta屬性

{
     path: '/wxprize(.*)',
     component: WxPrize,
     meta: {
          title: '天天搖錢樹'
    　}
}

四、在router-view標簽中添加v-wechat-title

<template>
    <div id="app" class="app">
        <router-view  v-wechat-title="$route.meta.title" ></router-view>
    </div>
</template>

Title設置成功了，返回后title也會相應的變化了