码库记事本

码库记事本

vue设置页面标题title

小诸哥 0

每个页面设置相同标题

index.html

直接修改title标签里面的标题
(ps: 这个html文件中也可以引入一些js文件)

每个页面设置不同标题

router - index.js

const router = new Router({
mode: 'history',
routes: [
{
path: '/index',
name: 'index',
component: Index,
meta:{
// 页面标题title
title: '首页'
}
},
{
path: '/content',
name: 'content',
component: Content,
meta:{
title: '内容'
}
}
]
})
export default router

main.js

import router from './router'
router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})

标签: 设置 标题 title