vue项目 怎么监听ios左滑退出阿 有遇到的吗

Question

vue项目 怎么监听ios左滑退出阿 有遇到的吗？左滑退出导致一些接口没有调取

Answer 1

可以通过路由守卫来实现。
以vue2来说，可以参考如下代码

beforeRouteLeave(to, from, next) {
        setTimeout(() => {
          Dialog.confirm({
            title: '温馨提示',
            message: '将要离开此页面，是否离开。', 
            confirmButtonText:"继续答题",
            cancelButtonText:"离开",
            confirmButtonColor:channelColor,
            className:"dialog-block"
          }).then(() => {
            next(false);
          }).catch(() => {
            next();
          });
        }, 300);
    }