Vue修改页面标题

object、

于 2021-06-10 11:48:06 发布

阅读量240

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 页面标题文章标签： vue

本文链接：https://blog.youkuaiyun.com/o_b_j_e_c_t/article/details/117773944

1 篇文章

订阅专栏

1 篇文章

订阅专栏

本文介绍了一种简单的方法来实现网页标题的动态更新。通过在路由中加入标题配置，并利用 Vue 路由守卫功能，在页面跳转时自动更改浏览器标签页的标题，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、在路由加上tile名称
在这里插入图片描述
2、在main.js加上这些即可

router.beforeEach((to, from, next) => {
	if (to.meta.title) {
		document.title = to.meta.title
	}
	next()
})