Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item, you haved set `ASele

已于 2024-05-15 18:06:47 修改
阅读量7.9k 收藏 6
点赞数 8
分类专栏： error 文章标签： vue.js 前端 ant
于 2023-02-28 14:53:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MoXinXueWEB/article/details/129260910
版权

控制台出现这个提示:
Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item, you haved set ASelect, ASelect, AInputNumber, AInputNumber, AInput 5 field items. You can set not need to be collected fields into a-form-item-rest

table中使用了自定义组件

如图：
在这里插入图片描述在这里插入图片描述
解决方案：

// 对应的多组件 添加
 <a-form-item-rest></a-form-item-rest>

在这里插入图片描述
详情 官网

MoXinXueWEB
关注
  • 8
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item,you haved set `ACascad
weixin_44784401的博客
02-28 1752
Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item, you haved set `ACascader`, `AInputNumber` 2 field items. You can set not need to be collected fields into `a-form-item-rest`
Ant Design Vue表单组件a-form-item-rest使用
weixin_43996999的博客
12-25 1831
Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item, you haved set ACheckbox, ACheckboxGroup 2 field items. You can set not need to be collected fields into a-form-item-rest
ant-design-vue按需加载报警告——2022-04-21
m0_51400566的博客
04-21 1597
在使用Formily Vue中配置了按需加载如图： npm run serve运行后报警告如图：（导致页面也无法显示） 然后去ant-design-vue官网找答案，因为项目是Vue2,对应的ant-design-vue版本应降到1.x，如图 npm install ant-design-vue@1.7.8再重启项目，运行正常。 ...
Ant Design Vue 表单常用点
Qpenpred的博客
07-22 847
Ant Design Vue 表单
vue antDesign form表单问题总结
jacky
06-17 4324
最近新项目使用antd1.6版本进行的开发，相比之前项目1.5的版本，很多组件都进行了调整。项目开发中form表单用的频率比较高，今天做一下总结！ 首先说下1.5的版本吧，1.5版本的时候表单组件一直用的form，当时感觉还行，相比elementUI差异还是比较大，尤其对值的操作和表单的校验，简单上一下代码说明一下 <!-- 模板 --> <a-form :form='form'> <a-form-item label='用户名'> <a-input v-de
关于使用ant-design设计可动态添加FormItem的过程中遇到的问题记录。
hl582567508的博客
12-03 1万+
应用场景：创建一个可动态增加和删除的FormItem组合组件，由一个下拉菜单和一个文本域组成。问题现象：按照正常的操作流程，组件可以正常的添加和删除，下拉菜单也可以正常的选择。但是如果先添加，然后删除第一个源组件，则剩下的第二个组件在选择下拉菜单的过程中就会报错，提示: Uncaught TypeError: Cannot read property 'filter' of undefined问题分
antd表单的＜a-form-item＞使用自定义label 插槽
peppa_pig的博客
07-14 1万+
item的label类型可以使字符串或者自定义label插槽。 1.直接使用字符串类型是最常见的 <a-form-model-item prop="job" label="岗位"> <a-input v-model="job" placeholder="请输入岗位" /> </a-form-model-item> 2.自定义label使用插槽 <a-form-model-item prop="job"> <span s...
ant-design-vue-pro：像Pro一样使用Ant Design Vue！
02-05
蚂蚁设计Vue Pro 适用于企业应用程序的即用型UI解决方案，作为Vue样板。 基于 预览： ： 主页： ： 文档： : 变更日志： : 常见问题解答： ： 总览 环境和依赖 节点 纱 网络包 埃斯林特 @ vue / cli〜3 -Vue...
vue-antd-admin：:ant:Ant Design Pro与Vue的实施
02-06
简体中文|Vue Antd管理员的Vue实现版本开箱即用的中后台前端/设计解决方案多种主题模式任选：预览地址： : 使用文档： : 常见问题： ://iczer.gitee.io/vue-antd-admin-docs/start/faq.html国内知名： ://gitee....
ant-design-dark-theme:Ant Ant Design的深色主题变量
05-07
Ant Design的深色主题。 仍处于实验阶段，欢迎尝试并帮助我们进行改进。 访问进行预览。 安装 $ npm install @ant-design/dark-theme 用法 import darkTheme from '@ant-design/dark-theme' ; // webpack.config....
k-form-design:基于vue Ant-Design 的表单设计器，快速开发
05-10
设计器布局参考form-generator项目，基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使表单开发更...
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
05-02
electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题 项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了...
在项目中遇到的关于form表单的问题
weixin_41897680的博客
02-12 862
在项目中遇到的关于form表单的问题
vue3.0中使用ant design vue 表单内部分元素不校验
qq_43390061的博客
12-10 5532
博主最近在写vue3.0项目 组件库为蚂蚁金服的ant design vue 在写表单时,有一个短信登陆的需求 布局为左边Input框 右边按钮 源码大概如下 <a-form-item label="短信登录" name="code"> <a-row> <a-col :span="14"> <a-input v-model:value="loginForm.code" />
扩展字段，动态FormItem
GoodMorningXYJ的博客
05-05 1358
在配置项中配置扩展字段，然后在对应新增处新增数据 DynamicFormItem 动态FormItem 组件 <template> <div> <el-divider content-position="left">扩展字段</el-divider> <el-form-item v-for="(item,key) in jsonList" :key="key" :label="item.nam
ant-design-VUE form 表单提交 文件和表单数据
skybot的专栏
01-28 6826
由于项目里需要用到在一个表单里使用文件和内容一起提交到服务端，因此需要进行处理。 前端：Vue2.0 Ant-desing 后端：.net WebAPI 界面如下： 页面代码： <template> <div class="clearfix" style="background-color:#ffffff;"> <a-form :form="form"> <a-form-item label="资源名称" has-feed...
Ant Design Form表单中getFieldDecorator使用异常总结
热门推荐
云生流长的博客
04-04 7万+
背景：在使用Ant Design Form组件时，Form组件提供了一个create方法，使用form.create()(component)处理之后的component 会接收到一个props.form，使用props.form下的一系列方法，便可以很方便的写出具备自动校验功能的表单。代码如下所示： // 使用 Form.create 处理后的表单具有自动收集数据并校验的功能 const S...
Vue + SpringBoot 实现文件的断点上传、秒传，存储到Minio
最新发布
m0_73179389的博客
06-19 519
前端页面使用的elment-plus的el-upload组件。当上传文件后，会调用handleChange 方法，可以在这里进行文件相关的操作。计算文件的MD5值。
Warning: [ant-design-vue: Modal] `visible` will be removed in next major version, please use `open` instead.
07-11
这个警告信息是由 ant-design-vue 组件库中的 Modal（模态框）组件引起的。它指出 `visible` 属性将在下一个主要版本中被移除，建议改用 `open` 属性。 在 ant-design-vue 的 Modal 组件中，`visible` 属性用于控制模态框的显示和隐藏状态。然而，为了与其他组件保持一致性，该属性将在未来的主要版本中被废弃。 取而代之的是，您应该使用 `open` 属性来控制模态框的打开和关闭状态。这是 ant-design-vue 在未来版本中推荐的用法。 要解决这个警告，您需要将代码中的 `visible` 属性替换为 `open` 属性，确保代码与未来版本的 ant-design-vue 兼容。 例如： ```vue <Modal :open="isModalOpen"> <!-- 模态框内容 --> </Modal> ``` 在上述示例中，`isModalOpen` 是一个 Vue 组件中的 data 数据项，它控制模态框的打开和关闭状态。 请注意，在进行更新时，确保查阅 ant-design-vue 的官方文档以获取更准确和详细的信息，以便正确地使用新的 `open` 属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值