vue+ts设置网页title

在router.js/router.ts中增加

javascript 复制代码
router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  var Document:any = document;
  console.log(from, Document);
  if (to.meta.title) {
    Document.title = to.meta.title;
  }
  next()
})

在路由中设置

javascript 复制代码
const routes = [
  {
    path: "/login",
    name: "LoginPage",
    meta: { requiresAuth: false, hideSidebar: true,title: '登录界面' }, 
    component: LoginPage,
  },
]

之前那些windows.document.title,都用不了,得先定义:var Document:any = document;

相关推荐
麦麦大数据3 小时前
F048 体育新闻推荐系统vue+flask
前端·vue.js·flask·推荐算法·体育·体育新闻
风止何安啊3 小时前
JS 对象:从 “散装” 到 “精装” 的晋级之路
前端·javascript·node.js
Achieve前端实验室3 小时前
【每日一面】如何解决内存泄漏
前端·javascript·面试
小肚肚肚肚肚哦3 小时前
🎮 从 NES 到现代 Web —— 像素风组件库 Pixel UI React 版本,欢迎大家一起参与这个项目
前端·vue.js·react.js
肥猪大大3 小时前
Rsbuild迁移之node-sass引发的血案
前端·javascript
浮游本尊4 小时前
Vue.js 项目静态资源 OSS 部署完整实现指南
vue.js
Moment5 小时前
专为 LLM 设计的数据格式 TOON,可节省 60% Token
前端·javascript·后端
G***66915 小时前
前端性能优化插件,CSS与JavaScript压缩插件实战指南
前端·javascript·css
WX-bisheyuange5 小时前
基于Spring Boot的老年人的景区订票系统
vue.js·spring boot·后端·毕业设计
鹏多多6 小时前
React的useRef的深度解析与应用指南
前端·javascript·react.js