1. 程式人生 > >vue每個路由修改一個title

vue每個路由修改一個title

import Vue from 'vue' import Router from 'vue-router' import Login from '@/pages/login/Login' import Pwd from '@/pages/login/Pwd' Vue.use(Router)

 const router=new Router({   routes: [     {       path: '/',       name: 'Login',       component: Login,       meta: {         title: '登入'       }     },     {       path: '/pwd',       name: 'Pwd',       component: Pwd,       meta: {         title: '忘記密碼'       }     }   ] })

router.beforeEach((to, from, next) => {  /* 路由發生變化修改頁面title */  if (to.meta.title) {  document.title = to.meta.title  }  next() })

export default  router;