vue 修改標題 項目頭部 修改頁面的title

 

 router.js 在h5中，跳轉頁面會顯示不同的頁面標題。

const routes = [
  {
    path: '/',
    component: () => import(/* webpackChunkName: "login" */ '@/views/index.vue'),
    meta: { hidden: true }
  },
  {
    path: '/apply',
    component: () => import(/* webpackChunkName: "login" */ '@/views/apply.vue'),
    meta: { hidden: true,title:"助銷員申請"}
  },

　　{

    path: '/success',

    component: () => import('@/views/success.vue'),

    meta: { hidden: true,title:"申請提交成功" }

  　},

main.js

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