AntDesign Select控件即可以输入又可以搜索选择

    技术2025-09-13  50

    HTML

    <a-form-item class="fontls mb24" label="毕业院校" style="width:340px;" :label-col="{ span:6}" :wrapper-col="{ span: 15 ,offset:1 }"> <a-select show-search :value="value" :autoClearSearchValue="false" placeholder="请选择毕业院校" :default-active-first-option="false" :show-arrow="false" :filter-option="true" :not-found-content="null" @search="handleSearch" @change="handleChange"> <a-select-option v-for="d in data" :key="d.value"> {{ d.text }} </a-select-option> </a-select> </a-form-item>

    JS

    // 筛选学校 handleSearch (val) { this.value = val; fetch(val, data => (this.data = data)); }, handleChange1 (val) { this.value = val; fetch(val, data => (this.data = data)); },
    Processed: 0.012, SQL: 9