请问 vue 项目 在首页点击一个内容 跳转 如何把内容变成页面名称

Question

比如点击一个首页文章 你好 ，然后跳转子页面 把你好 当做子页面的 title名字呢

Answer 1

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

Answer 2

有用vue-router的话，可以beforeEnter导航守护里面做这部分处理，获取到你要的内容，然后赋值给document.title.

使用路由独享的守卫 官方文档

beforeEnter: (to, from, next) => {    document.title = to.query.title
}

如果你的标题是固定的，则可以配置在路由的meta里 官方文档

const router = new VueRouter({ ... })

router.beforeEach((to, from, next) => {  document.title = to.meta.title || "默认标题";
})

Answer 3

使用query传参