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;

相关推荐
dy171712 小时前
element-ui输入框换行符占位问题处理
vue.js·elementui
小马_xiaoen12 小时前
Vue3 实现超丝滑打字机效果组件 - 进阶
javascript·vue.js·ecmascript
阿坤带你走近大数据12 小时前
JavaScript脚本语言的简单介绍
开发语言·javascript·ecmascript
神仙姐姐QAQ12 小时前
vue3更改.el-dialog__header样式不生效
前端·javascript·vue.js
AI_567812 小时前
Vue.js 深度开发指南:从数据绑定到状态管理的最佳实践
前端·javascript·vue.js
前端-文龙刚12 小时前
浅记Vue3中 ref 和 reactive 是两种主要的响应式数据声明方式,它们有以下主要区别
前端·javascript·vue.js
小先生81212 小时前
关于vue-element-plus-admin的mini分支踩坑集锦
前端·vue.js·前端框架·c#
hhcccchh12 小时前
学习vue第十天 V-Model学习指南:双向绑定的魔法师
前端·vue.js·学习
无羡仙20 小时前
从零构建 Vue 弹窗组件
前端·vue.js
源心锁21 小时前
👋 手搓 gzip 实现的文件分块压缩上传
前端·javascript