根据路由变更页面标题

guoshilong

2023-03-21 f98e8cb40bfbee4b98660c9d02e3d3f54de9e628

根据路由变更页面标题

 src/main.js

@@ -15,6 +15,13 @@
Vue.use(ElementUI);
Vue.use(Avue);

router.beforeEach((to,from,next) =>{
  if(to.meta.title){
    document.title = to.meta.title
  }
  next();
})

new Vue({
  render: h => h(App),
  router,

 src/router/page/index.js

@@ -6,16 +6,22 @@
    {
        path:"/view",
        name:"view",
        meta:{
          title:'显示页'
        },
        component: () => import( /* webpackChunkName: "views" */ '@/views/funcView')
    },
    {
        path:"/controller",
        name:"controller",
        meta:{
          title:"控制页"
        },
        component: () => import( /* webpackChunkName: "views" */ '@/views/funcController')
    },
    {
        path:"/socket",
        name:"socket",
        component: () => import( /* webpackChunkName: "views" */ '@/views/socket-demo')
    }
    },
]