el-select clearable 清空后数据为空串

看源码是这样的

handleClearClick(event) {
    this.deleteSelected(event);
},

deleteSelected(event) {
    event.stopPropagation();
    const value = this.multiple ? [] : '';
    this.$emit('input', value);
    this.emitChange(value);
    this.visible = false;
    this.$emit('clear');
},

如果需要设置为 null ，就需要自己写 clear 事件。

即便是写了 clear 事件，其 clear 事件触发也在，change事件之后。

<el-select filterable v-model="value" @clear="clearValue" clearable>
    <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
 
 
methods: {
    clearValue(val) {
        this.value = null;
    },
}

el-select Events