vue动态设置页面title方法

npm install vue-wechat-title --save

在main.js中引入：

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

或者：

Vue.use(require('vue-wechat-title'))

然后在router的路由参数中加入meta参数

{
     path: '/login',
     component: Login,
     meta: {
        title: '登录'
     }
 }

• 如果是公共组件，在跳转时根据条件来动态设置title，可以在最外层的div上设置v-wechat-title="$route.meta.title"再动态去改变title即可

• 
  
  
  //js动态设置,即可在跳转页面时根据条件改变title了
  if(zong){
      this.$route.meta.title = '总课时'
  }