vue3中如何避免onBlur事件重复调用两次

使用nextTick方法,和本页面全局计数器变量处理,如下:
const blurCount = ref(0);

async function handleBlur() {
        if (blurCount.value <= 0) {
          //计数器=1
          blurCount.value = 1;
          //处理api提交事件
          handleSubmit(true, true);
          nextTick(() => {
            //重置计数器,如果不用nextTick则无法达到拦截效果
            blurCount.value = 0;
          });
        }
      }


<MyComp onBlur="handleBlur" />

  

posted @ 2023-05-18 19:49  lanedm  阅读(497)  评论(0)    收藏  举报