一、使用插件vue-wechat-title
1、安装
npm install vue-wechat-title --save
2、在main.js中引入
import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)
3、在路由里添加title
routes: [
{
path: '/login',
component: () => import('../views/login.vue'),
meta: {
title: '登陆'
}
}
]
4、在app.vue中添加指令
<router-view v-wechat-title="$route.meta.title"/>
二、使用自定义指令
1、在main.js页面里添加自定义指令
Vue.directive('title', {
inserted: function (el) {
document.title = el.dataset.title
}
})
2、在需要修改的页面里添加v-title指令
&l