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 小时前
基于 Electron + Vue3 的仿 PC 微信客户端项目实战
前端·javascript·css·elementui·typescript·electron·vue
阿虎儿6 小时前
论 JavaScript 的怪异之处
javascript
你别说话了6 小时前
Vue实现高效拖拽效果 vue-Draggable
前端·vue.js
志尊宝6 小时前
Vue3 零基础每日笔记(036):动手封装 useTitle 与 useToggle——最小的组合式函数
vue.js·#vue #前端 #前端开发·#javascript·#vue.js
专业程序开发源6 小时前
springboot旅游推荐系统82074-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·php·课程设计·旅游
晚安日记wanna7 小时前
Vue3 script setup 的四层追问答到第三层才算过关
前端·vue.js·面试
gnip7 小时前
uts 插件示例:获取设备电量信息
前端·javascript
six_7 小时前
RiverPlusCOM Web:不用安装的在线串口调试助手
vue.js·程序员
gnip7 小时前
uni-app 原生插件
前端·javascript·uni-app
gnip7 小时前
跨域常用解决方案
前端·javascript