這篇文章主要介紹了關於如何在Vue專案中添加動態瀏覽器頭部title的問題，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下
Vue專案新增動態瀏覽器頭部title
router.beforeEach((to, from, next) => {} 裡面
const browserHeaderTitle = to.name
SET_BROWSERHEADERTITLE: (state, action) => {
state.browserHeaderTitle = action.browserHeaderTitle
}
store.commit('SET_BROWSERHEADERTITLE', {
browserHeaderTitle: browserHeaderTitle
})/**
* 设置浏览器头部标题
*/
export const setTitle = function(title) {
title = title ? `${title}` : 'NxAdmin'
window.document.title = title
}
router.afterEach(() => {
NProgress.done() // 结束Progress
setTimeout(() => {
const browserHeaderTitle = store.getters.browserHeaderTitle
setTitle(browserHeaderTitle)
}, 0)
})以上是如何在Vue專案中新增動態瀏覽器頭部title的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！
