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" />

浙公网安备 33010602011771号