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;

相关推荐
over6975 分钟前
深入理解 JavaScript 原型链与继承机制:从 instanceof 到多种继承模式
前端·javascript·面试
烂不烂问厨房9 分钟前
前端实现docx与pdf预览
前端·javascript·pdf
GDAL12 分钟前
Vue3 Computed 深入讲解(聚焦 Vue3 特性)
前端·javascript·vue.js
Moment15 分钟前
半年时间使用 Tiptap 开发一个和飞书差不多效果的协同文档 😍😍😍
前端·javascript·后端
前端加油站18 分钟前
记一个前端导出excel受限问题
前端·javascript
一壶纱23 分钟前
uni-app 中配置 UnoCSS
前端·vue.js
坐吃山猪24 分钟前
Electron02-Hello
开发语言·javascript·ecmascript
尘世中一位迷途小书童40 分钟前
JavaScript 一些小特性:让你的代码更优雅高效
前端·javascript·架构
SpringLament1 小时前
TanStack Virtual 源码解析:定高/不定高虚拟列表实现原理以及框架无关设计
前端·javascript
用户14436183400971 小时前
你不知道的JS-上(五)
javascript·程序员