应用场景:当接口返回的数据源没有想要的数据时,支持当前输入的内容作为数据源进行操作。
思路:给select框加一个搜索事件,且在有值的情况下,把值赋值给选择框绑定的变量。
具体代码如下:
<a-select
:disabled="isUpdate"
v-model:value="formModel[item.key]"
show-search
allowClear
:default-active-first-option="false"
:show-arrow="false"
:filter-option="false"
:not-found-content="null"
@search="
(val) => {
handleConductive(val, item)
}
"
>
<a-select-option v-for="(itema, index) in item.dataEnums" :key="index" :value="itema">{{ itema }}</a-select-option>
</a-select>
function handleConductive(val, item) {
if (val) {
formModel.value[item.key] = val
}
}