vue实现不同页面显示不同标题
我们需要在vue里不同的页面实现不同的标题, 可以利用路由的meta标签和路由守卫来实现// index.jsimport Vue from 'vue'import Router from 'vue-router'import Index from '@/components/Index'Vue.use(Router)export default new Router...
·
我们需要在vue里不同的页面实现不同的标题, 可以利用路由的meta标签和路由守卫来实现
// index.js
import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/components/Index'
Vue.use(Router)
export default new Router ({
routes: [
{
path: '/index',
name: 'index',
components: Index,
meta: {
title: '首页'
}
}
]
})
// main.js
router.beforeEach((to, from, next) => {
// to去哪 from 来自
if(to.meta.title) {
document.title = to.meta.title
}
next()
})
更多推荐
已为社区贡献5条内容
所有评论(0)