1、路由文件 :router/index.js 添加 Meta属性配置:
import Vue from ‘vue‘ import Router from ‘vue-router‘ import index ‘@/view/index‘ import user from ‘@/view/user‘ Vue.use(Router) export default new Router({ routes: [ { path: ‘/index‘,name: ‘index‘,component: index,Meta:{ title:‘首页‘ } },{ path: ‘/user‘,name: ‘user‘,component: user,Meta:{ title:‘个人中心‘ } } ] })
2、在入口文件 main.js中添加 router.beforeEach 配置 以下代码
1 import Vue from ‘vue‘ 2 import App from ‘./App‘ 3 import router from ‘./router‘ 4 router.beforeEach((to,from,next) => { 5 if (to.Meta.title) { 6 document.title = to.Meta.title 7 } 8 next() 9 }) 10 new Vue({ 11 el: ‘#app‘,12 router,13 template: ‘<App/>‘,14 components: {App} 15 })
完结。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。