javascript - vue-router2.0设置title

Question

目前是用afterEach实现的，但这种只能读component的值，始终跟传统网页的效果差太多。

有没有其他实现的办法？

Answer 1

如果是vue-router2.0的话还可以把title设置到meta里面
然后用beforeEach来实现

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

Answer 2

用一个全局指令的方式实现，参考

https://segmentfault.com/a/11...

Answer 3

效果始终不理想，全局指令需要每个组件单独修改，通过beforeEach只能读取组件上写的title，要知道组件内当前的title，还需要单独赋值document.title