VUE el-input 按键绑定Enter方法

<el-form class="form-search" :inline="true" size="mini" :model="searchForm" ref="searchForm"><el-form-item label="用户名称"><el-input class="formItem"type="text" @keyup.enter.native="search

金戈_旭日东升

4123人浏览 · 2020-05-12 10:12:32

金戈_旭日东升 · 2020-05-12 10:12:32 发布

      <el-form class="form-search" :inline="true" size="mini" :model="searchForm" ref="searchForm">
        <el-form-item label="用户名称">
          <el-input class="formItem"  type="text" @keyup.enter.native="searchEntInfo" v-model="searchForm.UserName"  placeholder="请输入用户名称"></el-input>
        </el-form-item>
        <el-form-item class="form-deal" >
          <el-button type="warning" size="mini" @click="searchEntInfo()">查&nbsp;&nbsp;询</el-button>
          <el-button type="danger" size="mini" @click="resetFormAndLoad('searchForm')">重置</el-button>
        </el-form-item>
      </el-form>

@keyup.enter.native="searchEntInfo" 绑定@click="searchEntInfo()查询方法

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^