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

使用nextTick方法,和本页面全局计数器变量处理,如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
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 @   lanedm  阅读(424)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示