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

Question

单页面应用跳转的时候 网站的title怎么改变？

Answer 1

在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就可以了

Answer 2

推荐这个npm包连接

Answer 3

请问下vue-router2.0要动态改变网站title怎么做呢，因为按照您之前的做法已经没用了，获取到transition后里面也没有to这个选项