动态更换微信导航栏标题

安装

npm install vue-wechat-title --save

在main.js中引入

import VueWechatTitle from 'vue-wechat-title'

Vue.use(VueWechatTitle)

路由配置

const routes = [
  {
    name: 'Home',
    path: '/home',
    meta: {
      title: '首页'
    },
    component: require('../views/Home.vue')
  },
  {
    name: 'Order',
    path: '/order',
    meta: {
      title: '订单'
    },
    component: require('../views/Order.vue')
  },
  {
    name: 'UCenter',
    path: '/ucenter',
    meta: {
      title: '用户中心'
    },
    component: require('../views/UCenter.vue')
  }
]

在vue文件中使用

<div v-wechat-title="$route.meta.title" img-set="/static/logo.png"></div>