技術標籤：vuehtml

在 router.js 中需要在每一個路由下面多新增一個 meta:{title:‘主頁’}，比如：

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld,
      meta: {
      					title: '首頁'
      				}
    },
    {
      path: '/index',
      name: 'index'
 
,
      component: index,
      meta: {
      					title: '登入'
      				}
    },
	{
	  path: '/new_file',
	  name: 'new_file',
	  component: new_file,
      meta: {
    					title: '個人資訊'
    				}
	}
  ]
})

然後在 main.js裡面新增以下程式碼即可：

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

感謝您的閱讀， 如有什麼不妥之處，還請賜教，我會繼續努力，分享更好的前端程式碼。
點贊和在看就是最大的支援❤️