Element-UI Methods 如何调用

今天用了element的el-select， 选中内容后回车，需要自动搜索数据， 但是遇到的问题是，回车时下拉框自动弹出来了，

看了element-ui的官网，有个methods方法，可以失去焦点时，隐藏下拉框，但是没怎么用过methods,百度下原来时加个ref，用this.$refs调用

 

 

 

　　<el-form-item label="状态" prop="status" style="margin-right: 30px;">

          <el-select ref="elSelect" v-model="formInline.status" filterable clearable placeholder="请选择状态">

            <el-option

              v-for="item in statusList"

              :key="item.value"

              :value="item.value"

              :label="item.label"

            />

       </el-select>

 
 created() {
    // 第一次就调用回车事件
    this.enterSearch()
  },
   enterSearch() {
      document.onkeydown = e => {
        if (e.key === 'Enter') {
          // 回车后执行搜索方法
          this.getData()
          e.target.blur()
          // 当回车时， 隐藏下拉框的弹框
          this.$refs.elSelect.blur()
        }
      }
    },