vue cli3.0修改网页标题

2024年1月12日 213次阅读来源: 断毫残墨

1. 在路由meta属性中设置标题title属性

  {
    path: '/user',
    name: 'User',
    meta: {
      title: '用户管理'
    },
    component: User
  }

2 .在main.js中添加

router.beforeEach((to, from, next) => {
  // 路由发生变化修改页面title
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})

    原文作者：断毫残墨
    原文地址: https://blog.csdn.net/w851685279/article/details/107622183
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。