vue单页面应用里,使我们无法去如往常方式一样的去更改页面标题
百度了下,推荐使用vue-wechat-title插件,蛮好用的
第一步 下载安装插件依赖
npm install vue-wechat-title --save
第二步
在main.js中引入插件
import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)
第三步
在路由文件 index.js中给每个路由添加title
routes: [
{
path: '/home',
name: 'home',
component: home,
meta:{
title:'首页'
}
},
]
第四步
在app.vue中修改router-view组件
<router-view v-wechat-title='$route.meta.title'></router-view>
重启试试,可以了