el-select 多选clear事件怎样拿到输入框的值

当 el-select 多选组件的 clear 事件被触发时，可以通过监听 input 事件来获取输入框的值。具体方法如下：

1. 给 el-select 组件的 input 标签绑定 ref 属性，如下所示：

<el-select v-model="selectedOptions" multiple @clear="handleClear">
  <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
  <div slot="empty">无数据</div>
  <el-input slot="append" ref="inputRef" v-model="searchText" placeholder="请输入内容"></el-input>
</el-select>

2. 在 handleClear 方法中，通过 this.$refs.inputRef 获取到 el-input 组件的实例，然后获取到输入框的值：

methods: {
  handleClear() {
    const inputValue = this.$refs.inputRef.$el.querySelector('input').value
    console.log(inputValue)
  }
}

这样，在 el-select 多选组件的 clear 事件被触发时，就可以获取到输入框的值了。