這篇“vue動態設置瀏覽器標題的方法有哪些”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“vue動態設置瀏覽器標題的方法有哪些”文章吧。

十年的孟村網站建設經驗，針對設計、前端、開發、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。成都營銷網站建設的優勢是能夠根據用戶設備顯示端的尺寸不同，自動調整孟村建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優雅布局與設計，從而大程度地提升瀏覽體驗。創新互聯公司從事“孟村網站設計”,“孟村網站推廣”以來，每個客戶項目都認真落實執行。

第一種

使用瀏覽器原生方法 document.title

router/index.js

router.beforeEach里

//多語言項目，根根據自己項目來

 import i18n from '@/i18n/index';

 document.title = i18n.t（"router." + to.name）

 //單語言項目

  document.title = to.name

語言切換路由不變，所以也要加一下，單語言項目不用

//多語言項目

  document.title = i18n.t（"router." + to.name）

完活，推薦使用，原生兼容性好，不用下載安裝其他依賴包

第二種

使用插件

1.安裝插件

npm install vue-wechat-title --save

2.main.js 引用

import VueWechatTitle from 'vue-wechat-title'//動態修改title

Vue.use（VueWechatTitle）

3.添加指令

//多語言項目

  <router-view v-wechat-title="$t（'router.' + $route.name）" ></router-view>

 //單語言項目

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

以上就是關于“vue動態設置瀏覽器標題的方法有哪些”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注創新互聯行業資訊頻道。

當前題目：vue動態設置瀏覽器標題的方法有哪些
地址分享：http://vcdvsql.cn/article32/pcddsc.html

成都網站建設公司_創新互聯，為您提供搜索引擎優化、手機網站建設、品牌網站建設、網站內鏈、品牌網站制作、自適應網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯