建站
咨詢
售后
建站咨詢
新聞中心
vuejs設(shè)置title的操作方法，很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。
創(chuàng)新互聯(lián)建站主要從事網(wǎng)站設(shè)計(jì)、做網(wǎng)站、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)合山,10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792
vuejs設(shè)置title的方法：1、通過npm install安裝“vue-wechat-title”；2、在main.js中引入“vue-wechat-title”；3、在index.js中給每個(gè)路由添加title即可。
本文操作環(huán)境：windows7系統(tǒng)、Vue2.9.6版、Dell G3電腦。
vuejs怎么設(shè)置title？
vue單頁面標(biāo)題設(shè)置 title
前端框架如
Vue、React等都是單頁面的應(yīng)用，整個(gè)web站點(diǎn)其實(shí)是一個(gè)index頁面，頁面跳轉(zhuǎn)都是替換index.html里邊的內(nèi)容。這與傳統(tǒng)的每個(gè)頁面設(shè)置title標(biāo)簽的做法不一樣。
推薦使用 vue-wechat-title
vue-wechat-title作用
Vuejs 單頁應(yīng)用在iOS系統(tǒng)下部分APP的webview中 標(biāo)題不能通過 document.title = xxx 的方式修改 該插件只為解決該問題而生(兼容安卓)
已測試APP
微信
QQ
支付寶
淘寶
安裝
npm install vue-wechat-title --save
用法
1，在 main.js 中引入
import VueWechatTitle from 'vue-wechat-title'Vue.use(VueWechatTitle)
2，在路由文件 index.js 中給每個(gè)路由添加 title
// 掛載路由const router = new Router({
mode: 'history',
routes:[
{
path: '/',
name: 'Index',
component: Index,
meta: {
title: '首頁' // 標(biāo)題設(shè)置
}
},
{
path: '/lists',
name: 'Lists',
component: Lists,
meta: {
title: '列表' // 標(biāo)題設(shè)置
}
}
]
});3，在 app.vue 中修改 router-view 組件
自定義加載的圖片地址 默認(rèn)是 ./favicon.ico 可以是相對或者絕對的
ok ！重啟看看
看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。
網(wǎng)站題目：vuejs設(shè)置title的操作方法
地址分享：http://www.dlmjj.cn/article/gijheh.html
