在使用modal和emit函数时，beforeRouteLeave不能立即工作

是因为beforeRouteLeave是Vue Router提供的一个导航守卫，用于在离开当前路由之前执行一些操作。但是在使用modal和emit函数时，由于modal通常是通过弹出一个新的组件来实现的，而emit函数是用于在组件之间进行通信的，这两者都是异步操作。

在Vue中，异步操作会导致beforeRouteLeave无法立即执行。因此，如果在modal中使用beforeRouteLeave，可能会出现beforeRouteLeave在modal关闭之前就已经执行完毕的情况。

解决这个问题的方法是使用Promise或async/await来处理异步操作。具体步骤如下：

1. 在beforeRouteLeave中返回一个Promise对象，并在Promise的resolve函数中执行需要在路由离开前完成的操作。

beforeRouteLeave(to, from, next) {
  return new Promise((resolve, reject) => {
    // 执行需要在路由离开前完成的操作
    // ...

    // 操作完成后调用resolve函数
    resolve();
  });
}

1. 在modal关闭时，使用async/await来等待beforeRouteLeave中的异步操作完成。

async closeModal() {
  // 关闭modal
  // ...

  // 等待beforeRouteLeave中的异步操作完成
  await this.$router.beforeEach((to, from, next) => {
    next();
  });
}

通过以上方法，可以确保在modal关闭之前，beforeRouteLeave中的异步操作已经完成，从而解决beforeRouteLeave不能立即工作的问题。

需要注意的是，以上方法是基于Vue Router的实现，具体的代码可能会因项目的具体情况而有所不同。此外，还可以根据具体需求使用其他的导航守卫或事件来实现类似的功能。