vue-router改title，改完router-view消失

Question

贴代码：想每次进一个路由的时候，改一下document.titleimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router) const router = new Router({   routes: [    //首页     {       path: '/',       name: 'index',       component: () => import('../components/index.vue'),       meta: {         title: '首页'       }     },    //详情页     {       path: '/detail',       name: 'Detail',       component:  () => import('../components/Detail.vue'),       meta: {         title: '详情页'       }     }   ] }); router.beforeEach((to, from, next) => {  if(to.meta.title) {    document.title = to.meta.title;   } });export default router去掉router.beforeEach之后，router-view就出现了，然后document.title没改，加回router.beforeEach之后，router-view就消失了，然后document.title改了。

Answer 1

router.beforeEach((to, from, next) => {  if(to.meta.title) {
    document.title = to.meta.title;
  }  next(); // 记得调用 next});