<template>
<a-form-model ref="ruleForm" :model="ruleForm" :rules="rules" v-bind="layout">
<a-form-model-item label="爱好" prop="title">
<!-- <a-input v-model.number="ruleForm.age" /> -->
<a-select
show-search
placeholder="请填写"
option-filter-prop="children"
style="width: 200px"
v-model="ruleForm.title"
>
<a-select-option
v-for="item in selectList"
:key="item.id"
:value="item.title"
>
{
{ item.title }}
</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item label="Age" prop="age">
<!-- <a-input v-model.number="ruleForm.
Ant Design Vue 下拉框(带查询和验证)
于 2022-08-07 13:00:24 首次发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)