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;

相关推荐
豆苗学前端几秒前
面试复盘:谈谈你对 原型、原型链、构造函数、实例、继承的理解
前端·javascript·面试
国服第二切图仔14 分钟前
Electron for 鸿蒙pc项目实战之右键菜单组件
javascript·electron·harmonyos·鸿蒙pc
姓王者16 分钟前
chen-er 专为Chen式ER图打造的npm包
前端·javascript
栀秋66622 分钟前
就地编辑功能开发指南:从代码到体验的优雅蜕变
前端·javascript·代码规范
国服第二切图仔23 分钟前
Electron for 鸿蒙PC项目实战案例 - 连连看小游戏
前端·javascript·electron·鸿蒙pc
用户8417948145626 分钟前
vxe-table 使用 spanMethod 合并卡顿的解决方案
vue.js
社恐的下水道蟑螂31 分钟前
深度探索 JavaScript 的 OOP 编程之道:从基础到进阶
前端·javascript·架构
临江仙45534 分钟前
Vite 性能优化实战:从 0 到 1 打造极速开发体验(附完整配置)
vue.js·vite
学习路上_write35 分钟前
FREERTOS_任务通知——使用
java·前端·javascript