avue form组件嵌入自定义的组件 tem

作者: 南土酱 | 来源:发表于2023-01-08 09:28 被阅读0次

Form.Item包裹自定义组件，值被Form统一挟持
react传值
React传值
react传值
组件分享之前端组件——用于自定义表单的前端组件form-crea
antd中Modal包裹Form组件用this.props.fo
element form表单封装
vue elementUI table表格增删改查Demo
ant-design自定义表单组件回传值的问题
antd中表单提交的基本使用

avue 是一个低代码平台，在 form组件和 crud 组件中都带有 option 配置项。

option配置项部分截图

目前form 组件并没有按钮组件

form 组件
那么怎么样在 form 组件中插入一个按钮button 或者其他的 dom元素呢?
看了一圈的官网文档也没看到详细说明

无奈自己摸索。
最终方案：

方案.png

按钮嵌入位置.png

在form 组件里 插入一个template
 slot 的值为 option中配置项的prop值
这样就可以对应到

效果.png

没想到就是这么简单，但是官方文档不清不楚的。倒也是被人一直喷

Form.Item包裹自定义组件，值被Form统一挟持
使用react antd的form组件，需要在其中包裹自定义子组件，但是该子组件的值能不能交给form组件统一管理...
react传值
一、父传子 1.将子组件引入父组件中并在需要的位置嵌入在嵌入的组件上绑定自定义属性例如：子组件如何接收 (...
React传值
一、父传子 1.将子组件引入父组件中并在需要的位置嵌入在嵌入的组件上绑定自定义属性例如：子组件如何接收 (...
react传值
一、父传子 1.将子组件引入父组件中并在需要的位置嵌入在嵌入的组件上绑定自定义属性例如：子组件如何接收 (...
组件分享之前端组件——用于自定义表单的前端组件form-crea
组件分享之前端组件——用于自定义表单的前端组件form-create 背景近期正在探索前端、后端、系统端各类常用...
antd中Modal包裹Form组件用this.props.fo
项目的需求中需要antd的Modal组件包裹Form组件，如下图 Modal组件中嵌套Form组件，点击确定的时候...
element form表单封装
组件封装form表单引用组件
vue elementUI table表格增删改查Demo
涉及到elementUI，table组件，分页组件，dialog组件，form组件.... 完整Demo 分页组件...
ant-design自定义表单组件回传值的问题
ant-design给我们提供了Form表单组件，但是由于排版，由于功能等原因，我们会需要自定义表单组件；但是原有...
antd中表单提交的基本使用
Form.create 使用Form.create({options})(Forgot)包装组件，包装之后的组件会...