vue修改浏览器的标题title


实现思路很简单:就是利用路由的导购守卫beforeEach在每次页面跳转前更改对应的title

第一步:首先在route里面给每个路由加上meta属性

第二步:在main.js里面加上导航守卫

router.beforeEach((to, from, next) => {

    window.document.title = to.meta.title == undefined?'默认标题':to.meta.title

    if (to.meta.requireAuth) {

        let token = Cookies.get('access_token');

        let anonymous = Cookies.get('user_name');

        if (token) {

            

                next({

                    path: '/login',

                    query: {

                        redirect: to.fullPath

                    }

                })

          

        }

    }

    next();

})


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM