设置:
1、在项目的public文件下的index.html中的< title > 标签设置
2、在main.js中设置
Vue.directive('title', {
inserted: function (el, binding) {
document.title = el.dataset.title
}
})
动态修改:
1、修改router中index.js文件中每个路由加上 meta:{ title: ‘xxx’}
const router = new Router({
mode: '',
routes: [
{
path: '/ ',
name: ' ',
component: ,
meta:{
// xxx是自己想要设置的标题名
title: 'xxx'
}
}
]
})
2、在页面中直接对document.title赋值