vueジャンプルーティング変更ページtitleは対応するルーティング名である

vue-routerジャンプページの場合、ページのtitleを対応するルーティングに変更します

 routes: [
    {
      //      
      path: '/',
      name: 'Home',
      component: Home,
      meta: {
        index: 0,
        title: '  '
      }
    },
    {
      //     
      path: '/city',
      name: 'City',
      component: City,
      meta: {
        index: 1,
        title: '    '
      }
    }
]

メールでjsでルーティングのtitleを取得し、ページのtitleに置き換える
ナビゲーションガードを追加し、ルーティングでtitle名が構成されているルーティングをブロックおよび置換します.

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