vue-router 怎么改变网站的title？

Posted 2023-03-14

在mapping中添加自定义字段，比如title，然后在afterEach里面做：

router.map(

'/pathA':   

name: 'path-a',

title: 'title path',

//

);

router.afterEach(function (transition)

if (transition.to.title)

document.title = transition.to.title   

);

注意，嵌套路由子路由会继承这个title，可以在子路由中再定义title就可以了

vue-router怎么定义首页?f方式如下：

vuejs 作为前端模板,主要需要使用 vue,vuex,vue-router

express 作为后端支持，主要与数据进行交互查询以及控制数据输出

参考技术A

router.map'/pathA'

name: 'path-a',

title: 'title path'

router.afterEach(function (transition) 


if (transition.to.title)

document.title = transition.to.title

router.beforeEach((to, from, next) => 
document.title = to.meta.titlenext

router.afterEach(function (transition)
if (transition.to.title)
document.title = transition.to.title。