安裝依賴

npm i  vue-wechat-title --save

main.js

import VueWechatTitle from 'vue-wechat-title'

使用方法, 文檔上是這樣寫的

<!-- 任意元素中加 v-wechat-title 指令 建議將標(biāo)題放在 route 對(duì)應(yīng)meta對(duì)象的定義中 -->
<div v-wechat-title="$route.meta.title"></div>
<!--or-->
<router-view v-wechat-title="$route.meta.title"></router-view>

我是用documen.title實(shí)現(xiàn)的

constantRoutes.beforeEach((to, from, next) => {
  if(to.meta.title) {
    document.title = to.meta.title
  }
  next()
})

有頁面復(fù)用的部分就用了指令

<div class="class" v-wechat-title="$route.meta.title = title()"></div>
methods:{
  title(){
      switch(Number(this.courseStatus)) {
        case 0:
          return '待約課';
        case 1:
          return '待上課';
        case 2:
          return '已上課';
      }
   },
 }