vue动态设置页面title方法

• 下载

npm install vue-wechat-title --save

• 在mian.js中引入

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

• 在router的index.js的路由中加上参数

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

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

<template>
    <div class="hours-con container" v-wechat-title="$route.meta.title">
          .....
    </div>
</template>


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

记录点滴，每天进步一点点