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;

相关推荐
Xin_z_6 分钟前
Vue3 + Element Plus el-tree 节点点击选中问题修复总结
前端·javascript·vue.js
linux_cfan11 分钟前
从“线性观看”到“语义检索”:企业级视频知识库播放器选型指南 (2026版)
javascript·学习·音视频·html5
zh_xuan27 分钟前
React Native 原生和RN互相调用以及事件监听
android·javascript·react native
菩提小狗33 分钟前
小迪安全2023-2024|第14天:信息打点-JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&笔记|web安全|渗透测试|
javascript·安全·架构
Never_Satisfied1 小时前
在JavaScript / HTML中,模板克隆并添加监听的注意事项
前端·javascript·html
曲幽16 小时前
FastAPI实战:WebSocket长连接保持与心跳机制,从入门到填坑
javascript·python·websocket·keep-alive·fastapi·heartbeat·connection
锅包一切16 小时前
【蓝桥杯JavaScript基础入门】一、JavaScript基础
开发语言·前端·javascript·蓝桥杯
lyyl啊辉17 小时前
1. Vue3简介
vue.js·vue
linux_cfan18 小时前
[2026深度评测] 打造“抖音级”丝滑体验:Web直播播放器选型与低延迟实践
前端·javascript·html5
天天向上的鹿茸18 小时前
前端适配方案
前端·javascript