vue搜索框回车键触发搜索事件

发布时间:2021-11-01 10:45:09

表单提交时需要处理输入框的回车事件

一、vue原生

   原生input标签可以用@keyup.enter="onSubmit"

如:<input v-on:keyup.enter="onSubmit">

二、非vue原生

 elmentUI 还需要添加native标志@keyup.enter.native="onSubmit" 

如:<el-input v-model="name" @keyup.enter.native="onSubmit" placeholder="请输入查询内容"></el-input>

 (注释:onSubmit为methods中定义的方法)