vxe-input绑定keyup事件传递的参数

一、VUE3中 Input输入框绑定keyup事件传递的$event

代码一：

<script setup>

function judgeIsEnterToSerach(event){
     console.log(event,1111);
     console.log(event.key,2222);
     console.log(event.target,230923);
     console.log(event.target.value,3333);
     console.log(event.target.tagName,4444);
     console.log(event.altKey,5555);
     console.log(event.bubbles,6666);
     console.log(event.code,7777);
     console.log(event.charCode,8888);
     console.log(event.keyCode,8988);

}
</script>

<template>
  <input @keyup="judgeIsEnterToSerach($event)">
</template>

 

输出结果：

 

 

二、Vxe UI组件库中封装的vxe-input表单输入框，绑定keyup事件传递的$event

  代码二

<template>
   <vxe-input @keyup="judgeIsEnterToSearch($event)"></vxe-input>
</template>
<script setup>
   const judgeIsEnterToSearch=(event)=>{
         console.log(event,"jiafsdjfoas");
         console.log(event.$event,"jaoisdifa osdfi ");
         console.log(event.$event.key,"jaoisdifa osdfi ");
   }
</script>
<style>

</style>

结果二

 

三、最后的结论

                 vxe中的vxe-input表单项绑定事件，传递出来的event.$event，是vue3中绑定事件，传递出的$event的值