Vue動(dòng)態(tài)修改頁(yè)面title

首先在router/index.js里給每個(gè)對(duì)象定義meta

{
    path:'',
    redirect:'/home'
  },
  {
    path:'/home',
    component:Home,
    meta:{
      title:'首頁(yè)'
    }
  },
  {
    path:'/cate',
    component:Cate,
    meta:{
      title:'菜單'
    }
  },
  {
    path:'/Shopcart',
    component:Shopcart,
    meta:{
      title:'購(gòu)物車'
    }
  },
  {
    path:'/Profile',
    component:Profile,
    meta:{
      title:'我的'
    }
  }

第二步在mainjs里寫一個(gè)箭頭函數(shù)

router.beforeEach((to, from, next) => {
  /* 路由發(fā)生變化修改頁(yè)面title */
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容