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>

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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