记录Vue设置路由title无效解决方法

问题：记录Vue设置路由title无效解决方法

在router/index.js 中使用mate设置title

{
    path: '/',
    name: 'Home',
    component: Home,
    meta:{
      title: "aaaa",
    }
  }

main.js中也设置了路由守卫

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

但没有生效

以下为解决方案

npm安装

npm install vue-wechat-title --save

main.js引用

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

APP.vue中

<template>
  <div id="app">
    <router-view v-wechat-title='$route.meta.title'/>
  </div>
</template>