本篇文章給大家?guī)?lái)了關(guān)于怎樣利用vue來(lái)實(shí)現(xiàn)動(dòng)態(tài)設(shè)置瀏覽器標(biāo)題的效果，希望對(duì)大家有幫助。

vue 動(dòng)態(tài)設(shè)置瀏覽器標(biāo)題

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),印臺(tái)企業(yè)網(wǎng)站建設(shè),印臺(tái)品牌網(wǎng)站建設(shè),網(wǎng)站定制,印臺(tái)網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,印臺(tái)網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

平時(shí)設(shè)置瀏覽器標(biāo)題如下圖所示：

但vue是單頁(yè)面應(yīng)用，入口文件也只有一個(gè)html，只能設(shè)置一個(gè)標(biāo)簽，所以下面介紹兩種常用的動(dòng)態(tài)設(shè)置瀏覽器標(biāo)簽的方法

正文第一種

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

router/index.js
router.beforeEach里

//多語(yǔ)言項(xiàng)目，根根據(jù)自己項(xiàng)目來(lái) import i18n from '@/i18n/index'; document.title = i18n.t("router." + to.name) //單語(yǔ)言項(xiàng)目 document.title = to.name

語(yǔ)言切換路由不變，所以也要加一下，單語(yǔ)言項(xiàng)目不用

//多語(yǔ)言項(xiàng)目 document.title = i18n.t("router." + to.name)

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

第二種

使用插件

1.安裝插件

npm install vue-wechat-title --save

2.main.js 引用

import VueWechatTitle from 'vue-wechat-title'//動(dòng)態(tài)修改titleVue.use(VueWechatTitle)

3.添加指令

//多語(yǔ)言項(xiàng)目 <router-view v-wechat-title="$t('router.' + $route.name)" ></router-view> //單語(yǔ)言項(xiàng)目 <router-view v-wechat-title=" $route.name" ></router-view>

完活

筆記

注意：值根據(jù)自己項(xiàng)目路由結(jié)構(gòu)來(lái)，本demo用的是name值，i18n有對(duì)應(yīng)語(yǔ)言包， 你可以在meta對(duì)象里加個(gè)title屬性，在外面用to.meta.title即可

網(wǎng)頁(yè)名稱：教你兩種方法設(shè)置vue動(dòng)態(tài)瀏覽器標(biāo)題（實(shí)例詳解）
轉(zhuǎn)載注明：http://chinadenli.net/article38/cjiopp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、建站公司、微信公眾號(hào)、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)