vue设置页面title

vue默认的title是项目的名称，需要进行修改，有两种方法。方法一：在 ./public/index.html 文件中直接修改。方法二：可以根据单个页面设置title。打开设置路由（router）的文件（我的直接是router.js，有些是 ./router/index.js）, 在每一个路由设置下面增加meta，然后设置title打开 main.js 文件，然后加入下列代码。router.b

最凶残的小海豹

6374人浏览 · 2021-03-04 19:43:29

最凶残的小海豹 · 2021-03-04 19:43:29 发布

vue默认的title是项目的名称，需要进行修改，有两种方法。

方法一： 在 ./public/index.html 文件中直接修改。
在这里插入图片描述
方法二： 可以根据单个页面设置title。

打开设置路由（router）的文件（我的直接是router.js，有些是 ./router/index.js）, 在每一个路由设置下面增加meta，然后设置title
打开 main.js 文件，然后加入下列代码。

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