<q-select :options="CompanyCodeOptions" filled multiple v-model="submitData.CompanyCodes" outlined label="公司代码" dense clearable hint="请选择公司代码" @filter="filterCompanyCode" v-model:use-input="useInput" option-label="COMPANYNAME" option-value="COMPANYCODE"> </q-select> vue3 quasar q-select 如何在输入检索值后，当select失焦后，清空检索结果

在Vue 3和Quasar中，你可以使用`@blur`事件来监听`q-select`失焦的事件，并在该事件触发时清空检索结果。下面是一个示例的代码：

<template>
  <q-select
    :options="CompanyCodeOptions"
    filled
    multiple
    v-model="submitData.CompanyCodes"
    outlined
    label="公司代码"
    dense
    clearable
    hint="请选择公司代码"
    @filter="filterCompanyCode"
    @blur="clearFilterResult" // 添加 @blur 事件监听器
    v-model:use-input="useInput"
    option-label="COMPANYNAME"
    option-value="COMPANYCODE"
  >
  </q-select>
</template>

<script>
export default {
  data() {
    return {
      CompanyCodeOptions: [],
      submitData: {
        CompanyCodes: []
      },
      useInput: true
    };
  },
  methods: {
    filterCompanyCode(val) {
      // 进行过滤逻辑
      // ...
    },
    clearFilterResult() {
      this.CompanyCodeOptions = []; // 清空过滤结果
    }
  }
};
</script>

在上面的代码中，我们通过添加`@blur="clearFilterResult"`来监听`q-select`的失焦事件，并在该事件触发时调用`clearFilterResult`方法来清空过滤结果。在`clearFilterResult`方法中，将`CompanyCodeOptions`数组设置为空数组即可清空过滤结果。

希望这个示例能够帮助到你！如果还有其他问题，请随时提问。