VUE 單頁面應用 修改頁面title

前端攻城小牛啊發表於2018-10-22
VUE 單頁面應用 修改頁面title

路由配置

routes: [
 {
 name:'home',
 path: '/home/:openname',
 component: Home,
 meta: {
 title: '首頁'
 }
 }
 ]
複製程式碼

主要程式碼

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


相關文章