vue 元素上同时绑定了keyup.enter和blur事件,会触发两次的解决方案

问题:在vue中同时绑定了keyup和blur事件,用于完成input输入,但blur后触发一次事件,按下enter却触发两次;


原因:按下enter也算是失焦了,所以会先执行keyup.enter,再执行blur,这样就造成了方法执行了两次

解决方案:

 <input type="text" v-model="scope.row.num" @keyup.enter="handEnter" @blur="stepTwoUpGoodsNumBtn(scope.row, this)">

methods:{
	// 按下回车的时候让他执行blur
	handEnter(event){
		 event.target.blur();
	}stepTwoUpGoodsNumBtn(){
		// 业务代码
	}
}

end~~~

如有错误或观点不一致的请评论留言共同讨论,本人前端小白一枚,根据自己实际项目遇到的问题进行总结分享,谢谢大家的阅读!

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-16 10:32:07       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-16 10:32:07       106 阅读
  3. 在Django里面运行非项目文件

    2024-05-16 10:32:07       87 阅读
  4. Python语言-面向对象

    2024-05-16 10:32:07       96 阅读

热门阅读

  1. 英特尔处理器-----ERMS

    2024-05-16 10:32:07       28 阅读
  2. 科林算法_4 基础算法

    2024-05-16 10:32:07       26 阅读
  3. electron 使用两个页面(额外添加一个html文件)

    2024-05-16 10:32:07       36 阅读
  4. Log4j2滚动策略深度解析:保持日志轻量高效

    2024-05-16 10:32:07       24 阅读
  5. fastapi+vue实现导入Excel表格的功能

    2024-05-16 10:32:07       41 阅读
  6. 编译gdb:在x86虚拟机上,加载分析arm程序及崩溃

    2024-05-16 10:32:07       37 阅读
  7. 贪吃蛇(C++)

    2024-05-16 10:32:07       38 阅读
  8. C#数据库密码加密保存和登录验证方法

    2024-05-16 10:32:07       30 阅读