vue3+TS修改路由标题方式

第一步：在router中的index.ts下设置meta属性

const router = createRouter({
  routes: [
    {
      path: "/",
      name: "HomePage",
      component: HomePage,
      meta: {
        title: "智能科技 | 首页",
      }
}]

第二步：使用router.beforeEach()

router.beforeEach((to, from, next) => {
  var Document:any = document;
  console.log(from, Document);
  if (to.meta.title) {
    Document.title = to.meta.title;
  }
  next();
});

提示：在ts中一定要添加var Document:any = document;申明Document类型，否则正常运行可以，打包会报错