el-select实现输入回车查询

首先要了解input的几种事件的区别
@input、@keyup.enter、@change、@blur
点击查看
然后要了解@keyup.enter和@keyup.enter.native的区别

实现：

  <el-select
                  @keyup.enter.native="selectBlur"
                  @blur="selectBlur"
                  @change="getTableData"
                  placeholder="名称"
                  v-model="sname"
                >
                  <el-option
                  ></el-option>
</el-select>

 // 设置课程名称select选择器可输入
    selectBlur(e) {
      this.sname = e.target.value;
      this.getTableData();
    },

@keyup.enter.native=“selectBlur” //实现回车搜索
@blur=“selectBlur” //实现输入框失去焦点时搜索
@change=“getTableData” //实现选择某一个option时搜索