vue 中input框的blur事件和enter事件同時使用時,觸發enter事件時blur事件也會被觸發的方法解決


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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM