解决el-button设置回车键搜素失效问题

85 阅读1分钟

在el-form上面设置@keyup.enter.native="onSubmit",此事件需要和点击事件名相同,如下图。

 <div style="display: flex; justify-content: space-between">
      <div>
        <el-form :inline="true" :model="params" class="demo-form-inline"  @keyup.enter.native="onSubmit">
          <el-form-item>
            <el-input v-model="params.name" clearable placeholder="请输入设施名称"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="onSubmit" @keyup.enter.native="onSubmit">查询</el-button>
          </el-form-item>
        </el-form>
      </div>
      <div><el-button type="primary" @click="application">新增</el-button></div>
    </div>