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;

猜你喜欢

转载自blog.csdn.net/qq_37902065/article/details/82770386