vue项目设置和动态修改页面标题title
设置: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:{ t
·
设置:
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赋值
更多推荐
已为社区贡献19条内容
所有评论(0)