1、项目中,cmd下 ,运行:cnpm install vue-wechat-title --save
2、在 main.js 中,设置:
import VueWechatTitle from 'vue-wechat-title';
Vue.use(VueWechatTitle)
3、在router / index.js 中,设置:
{
path: '/Home',
name: 'Home',
component: Home,
meta: {
title: 'Home' //此处为要修改的 title 名称,浏览器目前的标题显示:Home
}
}
4、在app.vue中,添加组件:
<router-view v-wechat-title="$route.meta.title"></router-view>
此上,就可以自动修改浏览器标题了