vue3 路由跳转，怎么阻止页面的跳转

可以使用 `beforeRouteLeave` 钩子函数来阻止页面的跳转。在该钩子函数中，可以根据需要返回一个布尔值或者一个 Promise 对象，如果返回 false 或者一个被 reject 的 Promise 对象，则页面的跳转会被阻止。

示例代码如下：

const router = createRouter({
  routes: [
    {
      path: '/foo',
      component: Foo,
      beforeRouteLeave(to, from, next) {
        // 判断是否需要阻止页面跳转
        if (needPrevent) {
          // 阻止页面跳转
          next(false);
        } else {
          // 允许页面跳转
          next();
        }
      }
    }
  ]
})