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;

相关推荐
weedsfly10 小时前
语法糖褪去之后——Babel 转译产物中的 JavaScript 本貌
前端·javascript
JustHappy10 小时前
「软件设计思想杂谈🤔」“切图仔”也能懂编译原理?框架源码也许没那么难。聊聊 Vue 的编译(上)
前端·javascript·vue.js
晓得迷路了12 小时前
栗子前端技术周刊第 134 期 - React Router v8、TypeScript 7 RC、React Native 0.86...
前端·javascript·react.js
代码煮茶1 天前
React 组件封装方法论 —— 以 Todo App 为例
javascript·react.js
任沫1 天前
Agent之Function Call
javascript·人工智能·go
默_笙1 天前
🛬 我让 AI 帮我写了一个打飞机游戏,结果 Canvas 把我整不会了
前端·javascript
梯度不陡1 天前
AI 到底能不能从零写软件?ProgramBench 和 RepoZero 给出了两种答案
前端·javascript·面试
胡萝卜术1 天前
滑动窗口最大值:从暴力到单调队列,层层优化全解析
前端·javascript·面试
kyriewen1 天前
2026 年了,这 6 个 npm 包可以卸载了——浏览器原生 API 已经能替代
前端·javascript·npm
铁皮饭盒1 天前
bun直接tsx,优雅!
javascript·后端