Hi FE !
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
  • V001-vue随页面改变title自动改变

V001-vue随页面改变title自动改变

在 router.js 中需要在每一个路由下面多添加一个 meta:{title:'主页'},比如:

			 {
	            path: '',
                name: 'Main',
                meta:{title: '首页'},
	            component: home
	        },
	        {
	            path: '/home',
                name: 'home',
                meta:{
                    title:'首页'
                },
	            component: home
	        },
			{
				path: '/activity',
                name: 'activity',
                meta:{
                    title:'分类'
                },
				component: activity,
			},
			{
				path: '/my',
                name: 'my',
                meta:{
                    title:'我的'
                },
				component: my,
			}

在main.js

import router from './router'

/* 路由发生变化修改页面title */
router.beforeEach((to, from, next) => {
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})
Edit this page
最近更新: 2025/6/27 02:24
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人