vue动态修改页面标题

安装依赖

npm i  vue-wechat-title --save

main.js

import VueWechatTitle from 'vue-wechat-title'

使用方法, 文档上是这样写的

我是用documen.title实现的

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

有页面复用的部分就用了指令

methods:{
  title(){
      switch(Number(this.courseStatus)) {
        case 0:
          return '待约课';
        case 1:
          return '待上课';
        case 2:
          return '已上课';
      }
   },
 }