vue 项目路由跳转后显示不同的title

首先路由配置文件配置meta.title

const route = [
  {
    path: '/doc_log',
    name: 'DocLog',
    component: DocLog,
    meta: {
      title: '设置titile',
    },
  },
];

安装插件

npm install vue-wechat-title --save
yarn add vue-wechat-title --save

main.js中注册

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

App.vue文件使用

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

就实现了