【Vue】如何動態的更新頁面的Title

Vue文件的特殊性並不是一個html頁面 以往我們在head裏面通過設置meta title來改變頁面的辦法算是行不通了

可以用路由守衛 + VueRouter來實現

路由守衛相關文檔

首先我們先要在main.js里加入路由守衛

// 頁面修改時修改瀏覽器標籤欄
router.beforeEach((to, from, next) => {
    if (to.meta.title) {
        document.title = to.meta.title
    }
    next()
})

然後再在我們的Router.js裏面加入meta.title的屬性類似這樣：

        path: '/',
        name: 'Login',
        component: Login,
        meta:{
            title:'登錄'
        }

然後就可以了啦嚶嚶嚶 只是個記錄啦 我只是怕自己忘記了