Hi FE !
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
  • select 多选选中后搜索内容清空

select 多选选中后搜索内容清空

vue cli + vue3 写法

 <el-select
    v-model="drawerProps.row!.reservationUserIdList"
    filterable
    remote
    multiple
    ref="changeSelectRef"
    @change="changeSelectPeople"
>
    <el-option
        :label="item.name"
        :value="item.id"
        v-for="(item, index) in inviteArr"
        :key="index"
    />
</el-select>
const changeSelectRef = ref<any>(null)
const changeSelectPeople = () => {
  changeSelectRef.value.query = ""
}

vite + vue3 中 除了 上述写法还需要加 :reserve-keyword="false"

  <el-select
    v-model="formData.modelValue"
    reserve-keyword
    filterable
    multiple
    remote
    :remote-method="fetchData"
    ref="changeSelectRef"
    @change="handleChange"
  >
Edit this page
最近更新: 2025/12/2 01:46
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人