溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
基本環境配置： webpack + vue2.0 + vue-router +nodeJS
進入 router 文件夾底下的index.js文件
首先引入：
import Vue from 'vue' import Router from 'vue-router'
然后在路由里面配置每個路由的地址：
routes: [
{ /* （首頁）默認路由地址 */
path: '/',
name: 'Entrance',
component: Entrance,
meta: {
title: '首頁入口'
}
},
{ /* 修改昵稱 */
path: '/modifyName/:nickName',
name: 'modifyName',
component: modifyName,
meta: {
title: '修改昵稱'
}
},
{ /* 商品詳情 */
path: '/goodsDetail',
name: 'goodsDetail',
component: goodsDetail,
meta: {
title: '商品詳情'
}
},
{ /* Not Found 路由，必須是最后一個路由 */
path: '*',
component: NotFound,
meta: {
title: '找不到頁面'
}
}
]
在每一個meta里面設置頁面的title名字，最后在遍歷
router.beforeEach((to, from, next) => {
/* 路由發生變化修改頁面title */
if (to.meta.title) {
document.title = to.meta.title
}
next()
})
這樣就為每一個VUE 的頁面添加了title
以上這篇使用vue-router設置每個頁面的title方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
