vue每個路由修改一個title
阿新 • • 發佈:2018-12-10
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;