vue.js 设置html页面的静态title

方法一：

Router中index.js文件添加路由
{

        path: '/page1',    //路由即将跳转的页面

        name: 'page1',

        component: page1,

        meta :{ title: "我是静态title"}       //设置page1页面的title的内容

      },

在Main.Js文件下添加以下代码

new Vue的外面加上一下代码，即下面代码与vue同级

router.beforeEach((to, from, next) => {

    document.title = to.meta.title

    next()

})

 

方法二：在vue文件中的<script>中的export default {}中加入以下代码

created() {

     document.title="我是静态title";    //设置当前页面的title内容

}

效果如图：