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;

相关推荐
小飞悟6 分钟前
🎯 什么是模块化?CommonJS 和 ES6 Modules 到底有什么区别?小白也能看懂
前端·javascript·设计
浏览器API调用工程师_Taylor7 分钟前
AOP魔法:一招实现登录弹窗的全局拦截与动态处理
前端·javascript·vue.js
FogLetter8 分钟前
初识图片懒加载:让网页像"懒人"一样聪明加载
前端·javascript
呆呆的心14 分钟前
JavaScript 深入理解闭包与柯里化:从原理到实践 🚀
javascript·面试
快起来别睡了15 分钟前
看完这篇文章,你就知道什么是proxy
javascript
请你吃div16 分钟前
JavaScript 实用函数大全(超实用)
前端·javascript·面试
一个水瓶座程序猿.17 分钟前
Vue3 中使用 Vueuse
前端·javascript·vue.js
夏梦春蝉17 分钟前
ES6从入门到精通:Symbol与迭代器
前端·javascript·es6
今夜星辉灿烂20 分钟前
nestjs微服务-系列2
javascript·后端
一个水瓶座程序猿.21 分钟前
ES6数组的`flat()`和`flatMap()`函数用法
前端·ecmascript·es6