vue動態修改title


1、項目中,cmd下 ,運行:cnpm install vue-wechat-title --save

2、在 main.js 中,設置:

import VueWechatTitle from 'vue-wechat-title'; 

Vue.use(VueWechatTitle)

3、在router / index.js 中,設置:

{
  path: '/Home',
  name: 'Home',
  component: Home,
  meta: {
    title: 'Home'  //此處為要修改的 title 名稱,瀏覽器目前的標題顯示:Home
  }
}

4、在app.vue中,添加組件:

<router-view v-wechat-title="$route.meta.title"></router-view>

此上,就可以自動修改瀏覽器標題了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM