vue监听组建键盘事件

表单提交时需要处理输入框的回车事件,一般的原生input标签可以用@keyup.enter="onSubmit"(tips:onSubmit为定义的方法)

但是在组建里就不好用,需要多加一个native,如下

@keyup.enter="onSubmit" 改写为 @keyup.enter.native="onSubmit"  ,也就是说多加一个native标志



<span style="color:rgb(35,35,35);font-family:Verdana, Arial, helvetica, 'sans-seriff';font-size:14px;background-color:rgb(255,255,255);">如:<el-input v-model="name" @keyup.enter.native="onSubmit" placeholder="User Name"></el-input></span> 

表单提交时需要处理输入框的回车事件,一般的原生input标签可以用@keyup.enter="onSubmit"(tips:onSubmit为定义的方法)

但是在组建里就不好用,需要多加一个native,如下

@keyup.enter="onSubmit" 改写为 @keyup.enter.native="onSubmit"  ,也就是说多加一个native标志

@keyup.enter="onSubmit" 改写为 @keyup.enter.native="onSubmit" 
< span   style = "color:rgb(35,35,35);font-family:Verdana, Arial, helvetica, 'sans-seriff';font-size:14px;background-color:rgb(255,255,255);" > 如: < el-input   v-model = "name"  @ keyup.enter.native = "onSubmit"   placeholder = "User Name" > </ el-input > </ span >

@keyup.enter="onSubmit" 改写为 @keyup.enter.native="onSubmit" 
<span style="color:rgb(35,35,35);font-family:Verdana, Arial, helvetica, 'sans-seriff';font-size:14px;background-color:rgb(255,255,255);">如:<el-input v-model="name" @keyup.enter.native="onSubmit" placeholder="User Name"></el-input></span>


猜你喜欢

转载自blog.csdn.net/qq_35271254/article/details/80059517