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;

相关推荐
24白菜头几秒前
若依框架Ruoyi-Vue-SpringBoot3部署
前端·javascript·笔记·后端·学习
光影少年6 分钟前
react的diff算法和vue的diff算法区别
vue.js·算法·react.js
向上的车轮17 分钟前
TypeORM ——TypeScript 生态的主流 ORM对比
javascript·typescript·typeorm
霍理迪24 分钟前
Vue列表过滤与排序
前端·javascript·vue.js
gCode Teacher 格码致知25 分钟前
Javascript提高:Node.js readline 模块 完整使用教程
javascript·node.js
蓝黑202032 分钟前
Vue的v-if和v-for放在同一个HTML元素里的坑
前端·javascript·vue.js
进击的雷神38 分钟前
展位号后缀清理、详情页JS数据提取、重试机制控制、地址字段重构——美国NPE展爬虫四大技术难关攻克纪实
javascript·爬虫·python·重构
转角羊儿39 分钟前
精灵图案例
开发语言·前端·javascript
spencer_tseng1 小时前
secure-keyboard.js secure-keyboard.css
javascript·css
听风者一号1 小时前
cssMoudle生成器
前端·javascript·json