vue监听组建键盘事件

表单提交时须要处理输入框的回车事件,通常的原生input标签能够用@keyup.enter="onSubmit"(tips:onSubmit为定义的方法)html

可是在组建里就很差用,须要多加一个native,以下spa

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

 

<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为定义的方法)htm

可是在组建里就很差用,须要多加一个native,以下事件

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

@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>