Ant Design Vue select 组件新增和下拉选择同时实现

需求要求一个场景，能够下拉选择数据，假如没有相关数据择可以输入新增

antdv4.x版本

1. 麻烦的方式使用input加select也是可以实现的，实现方式不赘述
2. 直接使用select组件, 将mode设置为 SECRET_COMBOBOX_MODE_DO_NOT_USE

<tempalte>
	<a-select 
		v-model:value="selectValue"
		mode="SECRET_COMBOBOX_MODE_DO_NOT_USE"
		:filter-option="true"
	    :show-search="true"
	    :not-found-content="null"
	>
		<a-select-option v-for="item in selectOptions " :key="item.value" :value="item.value"/>
	</a-select>
</tempalte>
<script setup>
    const = selectValue = ref('')
	const selectOptions = ref([
	{
		value:1,
		label: '苹果'
	}，
	{
		value:2,
		label: '香蕉'
	}
])
</script>

感兴趣的可以去看一下Ant Design Vue中select组件的源码