若依 element ui 下拉框 清空、按钮重置失效

问题描述

点击下拉框的×号或者点击重置按钮时，当前选项会不显示，但实际上没有被清理重置掉，在调用sql语句时仍然存在，导致无法正确搜索

---

解决方案：

1. 清空失效
   给select添加@clear事件

 <el-form-item label="年份" prop="year">
        <el-select v-model="queryParams.entrustDate" placeholder="请选择年份" clearable @clear="resetYear">
          <el-option
            v-for="item in orderListYear"
            :key="item.id"
            :label="item.entrustDate"
            :value="item.entrustDate"
          />
        </el-select>
      </el-form-item>

/** 清空年份 */
    resetYear(){
      this.queryParams.entrustDate = null;
    },

2. 重置按钮失效
   把需要重置的下拉框内容具体写出来设为null，这个例子中就是把 this.queryParams.entrustDate 设为null

/** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.queryParams.entrustDate = null;
      this.handleQuery();
    },