Vue——标签页名称修改（设置页面标题）

2024年5月1日 68次阅读 来源: 沼泽深处的王

1.修改router中index.js文件中每个路由加上meta:{ title: ‘首页’}

const router = new Router({ 
    mode: '',
    routes: [
        { 
            path: '/',
            name: '',
            component: ,
            meta:{ 
                // 
                title: '首页'
            }
        }
    ]
})

2.main.js中加上

import router from './router'
router.beforeEach((to, from, next) => { 
  /* 路由发生变化修改页面title */
  if (to.meta.title) { 
    document.title = to.meta.title
  }
  next()
})
    原文作者：沼泽深处的王
    原文地址: https://blog.csdn.net/zeshen123/article/details/114583337
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞