el-select下拉框同时使用@blur和@change

需求：el-select选中选项时触发，失去焦点时也要触发

<el-select
      v-if="!getStatus() && isSelect"
      v-model="modelValue"
      clearable
      filterable
      placeholder="请选择"
      @change="onChange"
      @blur="onBlur"
    >
      <el-option
        v-for="dict in selectData"
        :key="dict.dictValue"
        :label="dict.dictLabel"
        :value="dict.dictLabel">
      </el-option>
</el-select>

代码如上，但change和blur会冲突，就是el-select原来的change事件失效了

    onChange(val) {
      console.log("value", val)
    },
    onBlur(i) {
      setTimeout(()=>{
        console.log(i)
      }, 100)
    }

bug原因

blur事件会比change事件先执行

解决方式

把blur事件上的代码改成异步的形式，比如说加个setTimeout

不知道大神们有没有其他好方法，还请告知。