vue 配置title 路由字段显示在图标旁边

下载

npm install vue-wechat-title --save

在main.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了{
    this.$route.meta.title = '总课时'
}