1、添加两个属性:showSearch(使单选模式可搜索) 和 filterOption(是否根据输入项进行筛选)
html:
<a-col :xxl="8" :xl="12" :sm="24" class="ex-item">
<a-form-item
label="关联测站名称:"
>
<a-select
:showSearch="true"
placeholder="请选择关联测站名称"
v-decorator="[
'associatedStationId',
{ rules: [{ required: true, message: '请选择关联测站名称' }] },]"
style=""
:filter-option="filterOption"
>
<a-select-option
:value="item.val"
v-for="(item, index) in siteNameList"
:key="index"
>
{{ item.name }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
js:
filterOption(input, option) {
return (
option.componentOptions.children[0].text
.toLowerCase()
.indexOf(input.toLowerCase()) >= 0
);
},
一年之计在于春