1,在vscode终端下载安装vue-wechat-title:
npm install vue-wechat-title
2,在main.js全局引入
import vueWechatTitle from 'vue-wechat-title' Vue.use(vueWechatTitle)
3,在router路由中配置标题
{ path: '/login', name: 'login', component: login, meta:{ title:'啦啦啦我是卖报的小行家' } },
4,根据自己的情况进行配置添加
在页面直接添加
<div class='login' v-wechat-title="$route.meta.title"> 内容...... </div>
动态的传参改变标题
<div class='login' v-wechat-title="$route.meta.title={title}"> 内容...... </div>
直接在app.vue里全局使用标题
<router-view v-wechat-title="$route.meta.title">
以上.....