vue 组件修改网页标题

作者:神秘网友发布时间:2020-09-09 11:03:41

1、在main.js里引入

import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)

vue 组件修改网页标题

2、在App.vue里加上

    <router-view v-wechat-title='$route.meta.title'></router-view>

vue 组件修改网页标题
3、在跳转路由index.js定义标题

meta:{
      title:'网页标题'
    }

vue 组件修改网页标题
最后，在terminal里面把安装命令跑一下

 npm install --save vue-wechat-title

vue 组件修改网页标题
这是我自己找到的方法，给自己记录一下，希望对你们也有用，代码＋截图，小白的记录方法，应该很全了

vue 组件修改网页标题相关教程