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 分钟前
VUE查询-历史记录功能
前端·javascript·vue.js
武天25 分钟前
说说你对slot的理解?slot使用场景有哪些?
vue.js
一枚前端小能手25 分钟前
「周更第8期」实用JS库推荐:decimal.j
前端·javascript
武天29 分钟前
vue中,key的原理
vue.js
武天33 分钟前
如何打破scope对样式隔离的限制?
vue.js
武天34 分钟前
Vue中的$nextTick有什么作用?
vue.js
Tech_Lin35 分钟前
JavaScript Date时间对象的常用操作方法总结
前端·javascript
武天35 分钟前
刷新浏览器后,Vuex的数据是否存在?如何解决?
vue.js
武天35 分钟前
你是怎么处理vue项目中的错误的?
vue.js
武天36 分钟前
怎么在 Vue 中定义全局方法?
vue.js