ANTD3+VUE3控制台报错[ant-design-vue: Form.Item]FormItem can only collect one field item, you haved set

最新推荐文章于 2024-08-29 13:39:45 发布

赤末

最新推荐文章于 2024-08-29 13:39:45 发布

阅读量304

点赞数 2

分类专栏：日常踩坑文章标签：前端 javascript html

本文链接：https://blog.csdn.net/zhimooo/article/details/140524282

版权

日常踩坑专栏收录该内容

6 篇文章 0 订阅

订阅专栏

原因是一个<a-form-item>建议只绑定一个v-model，如果存在多个v-model值，应该用<a-form-item-rest>标签绑定

<a-form-item name="end_time" class="mb-2" label="结束时间">
    <a-select v-model:value="formState.end_1"></a-select>
    <a-select v-model:value="formState.end_2"></a-select>
</a-form-item>

//改成以下

<a-form-item name="end_time" class="mb-2" label="结束时间">
    <a-form-item-rest>
        <a-select v-model:value="formState.end_1"></a-select>
    </a-form-item-rest>
    <a-form-item-rest>
        <a-select v-model:value="formState.end_2"></a-select>
    </a-form-item-rest>
</a-form-item>