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;

相关推荐
daols8825 分钟前
vue 甘特图组件 vxe-gantt 修改滚动条样式-让滚动条自动隐藏
javascript·vue.js·甘特图
今年下半年1 小时前
【前端】Vue2 项目 ECharts 统计图表组件封装与使用实践(附组件源码)
前端·javascript·echarts
冒险的豆子1 小时前
JS 原型链 通俗易懂 解释说明(类比 关系)
开发语言·javascript·原型模式
西索斯coding1 小时前
在 中接入 教程:p配置、m填写、扩展思考参数一篇就够(2)
java·前端·javascript·ai
特立独行的猫A1 小时前
仓颉UI开发实战:我用仓颉写了个桌面版力扣:从判题机到 100 道题
vue.js
用户1733598075371 小时前
纯前端 PDF 双面打印避坑指南:翻页顺序错了整个白印?
前端·javascript·vue.js
SensorFlow1 小时前
从神策 SDK 迁移到 SensorFlow:采集层平滑迁移实战
javascript
浮生望3 小时前
从作用域链到 React 陈旧闭包:为什么函数式更新能拿到最新 state
javascript
怕浪猫3 小时前
前端转全栈最低成本的技术栈选择
前端·javascript·面试
WebInfra3 小时前
Rsdoctor 2.0 发布:Agent 驱动的全自动优化工具
前端·javascript·node.js