背景:
开发微信公众号项目,跳转不同模块需要展示不同的头部名称
方法:
使用vue-wechat-title插件
实现:
- 安装
npm install vue-wechat-title --save
- 引入-在src下的index.js中引入
import VueWechatTitle from 'vue-wechat-title';
Vue.use(VueWechatTitle);
- 路由中定义meta中的title
- 在App.vue中使用
<router-view v-wechat-title="$route.meta.title"></router-view>
以上,可实现动态修改微信头部名称问题~