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;

相关推荐
一 乐9 小时前
婚纱摄影网站|基于ssm + vue婚纱摄影网站系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端
北辰alk10 小时前
Vue 模板引擎深度解析:基于 HTML 的声明式渲染
vue.js
北辰alk10 小时前
Vue 自定义指令完全指南:定义与应用场景详解
vue.js
北辰alk11 小时前
Vue 动态路由完全指南:定义与参数获取详解
vue.js
北辰alk11 小时前
Vue Router 完全指南:作用与组件详解
vue.js
北辰alk11 小时前
Vue 中使用 this 的完整指南与注意事项
vue.js
xkxnq11 小时前
第二阶段:Vue 组件化开发(第 16天)
前端·javascript·vue.js
北辰alk11 小时前
Vue 插槽(Slot)完全指南:组件内容分发的艺术
vue.js
北辰alk11 小时前
Vue 组件中访问根实例的完整指南
vue.js
Van_Moonlight11 小时前
RN for OpenHarmony 实战 TodoList 项目:空状态占位图
javascript·开源·harmonyos