最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

vue3-动态修改浏览器标签名称

业界 admin 1浏览 0评论

通过路由导航守卫设置,使用Vue-Router的beforeEach拦截

/* 第二步:在路由守卫router.beforeEach中设置如下代码 */
router.beforeEach((to: any) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title;
  }
});

然后在路由层添加meta.title的值为标题。

然后访问改页面就会标签变为欢迎页

通过路由导航守卫设置,使用Vue-Router的beforeEach拦截

/* 第二步:在路由守卫router.beforeEach中设置如下代码 */
router.beforeEach((to: any) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title;
  }
});

然后在路由层添加meta.title的值为标题。

然后访问改页面就会标签变为欢迎页

发布评论

评论列表 (0)

  1. 暂无评论