ant-design-vue 可搜索的输入框

Ant Design Vue (简称`ant-design-vue`) 是一套基于 Vue.js 的 Ant Design 实现，它提供了一套丰富的 UI 组件库，包括一个可搜索的输入框组件——`<a-input-search>`。

`<a-input-search>`是一个结合了文本输入和搜索功能的组件，用户可以在输入框内输入内容，同时支持实时搜索。它的基本结构通常包含以下几个部分：

1. **输入框**：用于输入文字的基础元素，可以进行文本编辑。
2. **搜索按钮**：用户点击后触发搜索操作，一般显示为放大镜图标。
3. **下拉列表**：当输入内容满足一定长度后，会展示相关的选项供用户选择，也可以通过配置自定义搜索结果。

使用 `a-input-search` 的示例代码如下：

<template>
  <a-input-search v-model="searchValue" placeholder="请输入搜索内容" />
</template>

<script setup>
import { defineComponent, ref } from 'vue';
import { InputSearch } from 'ant-design-vue';

const searchValue = ref('');
</script>

在这个例子中，`v-model`绑定了数据 `searchValue`，每次输入都会更新这个值。你可以根据需要添加额外的功能，如搜索事件监听、远程数据获取等。