首页 > 其他 > 详细

vue 中input框的blur事件和enter事件同时使用时,触发enter事件时blur事件也会被触发的方法解决

时间:2021-05-11 16:21:09      阅读:18      评论:0      收藏:0      [点我收藏+]
vue 中input框的blur事件和enter事件同时使用时,触发enter事件时blur事件也会被触发的方法解决


1
<template> 2 <input :value="val" @blur="handleBlur($event,参数1,参数2)" @keyup.enter.native="handleEnter($event,参数1,参数2)"> 3 </template> 4 <script> 5 export default { 6 data(){ 7 return { 8 isEnter: false 9 } 10 }, 11 method:{ 12 handleBlur(event,参数1,参数2){ 13 //如果回车和blur事件的代码是相同的 则不需要使用isEnter进行区分 14 if(this.isEnter) { 15 //...回车事件运行的代码 16   this.isEnter = false 17 }else { 18 // blur事件运行的代码 19 } 20 }, 21 handleEnter(event,参数1,参数2){ 22 this.isEnter = true; 23 event.target.blur(event,参数1,参数2) 24 } 25 } 26 } 27 </script>

 

vue 中input框的blur事件和enter事件同时使用时,触发enter事件时blur事件也会被触发的方法解决

原文:https://www.cnblogs.com/ruishuiweixiang/p/14754707.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!