数组嵌套表单

WdFormArr

属性说明

组件接收的外部传入的属性

显示标题	`labelVisible`	`boolean`	默认值：true
标题对齐	`labelAlign`	`string`	表单场景下默认会跟随表单容器的标题对齐配置
标题换行	`labelWrap`	`boolean`	如果标题内容过长关闭时只显示一行、溢出省略；开启时换行展示。表单场景下默认会跟随表单容器的标题换行配置
PC端标题位置	`layout`	`string`	设置标题在表单组件的展示位置，表单场景下默认会跟随表单容器的标题的位置配置
标题宽度	`labelWidth`	`string`	您可以输入数值 + px、%等单位，示例：200px 表单场景下默认会跟随表单容器的标题宽度配置
标题提示	`labelTips`	`string`	PC/H5端生效配置标题的工具提示内容
状态	`status`	`string`	示例："edit"
绑定字段	`name`	`string`	表单字段的Key值，用于提交数据时，匹配数据模型字段标识。表单内需保证唯一。
标题内容	`label`	`string`	示例："标题"
数组嵌套表单值	`value`	`array`	示例：[]
嵌套表单项类型	`mode`	`string`	示例："obj"
新增表单项初始值	`addDefaultValue`	`string`
PC端组件尺寸	`size`	`string`	尺寸配置仅对PC端生效，表单场景下默认会跟随表单容器的组件尺寸配置

组件暴露的事件，可以监听组件的事件来触发一些外部的动作

值改变

onDataChange

object

兼容三端

组件中的数据内容发生改变时触发

通过属性 API，可以获取组件内部的状态和属性值，可以通过$w.componentId.propertyName 来访问组件内部的值，如 $w.input1.value ，详请请参考属性 API

绑定字段	`name`	`string`	表单字段的Key值，用于提交数据时，匹配数据模型字段标识。表单内需保证唯一。
标题内容	`label`	`string`
数组嵌套表单值	`value`	`array`
是否展示	`visible`	`boolean`	组件是否展示
是否禁用	`disabled`	`boolean`	组件是否禁用
是否只读	`readOnly`	`boolean`	组件是否只读

通过方法 API，可以通过程序触发组件内部的方法，比如提交表单，显示弹窗等, 可以通过$w.componentId.methodName来调用组件方法，如 $w.form1.submit()

新增一行	`add`		-
删除该行	`remove`	`object` index: `number`删除数据的标识默认值：-1	-
值改变	`change`	`object` name: `string`改变值的标识，如果name为空，则会将嵌套表单值直接赋值为进value。例如0.input1表示改变数组下标为0的对象内input1的值 value: 改变值的value	-

通过样式 API，可以覆盖组件中内部元素的样式来实现自定义，例如在低代码编辑器中中通过 #wd-page-root .wd-btn 即可为所有的按钮组件编写样式，通过 :scope 可以控制单个组件样式，详细说明请参考样式 API

根元素	`.wd-form-obj-root`	组件最外层元素`/* :scope 指的是当前组件元素 / / 具体可参考样式 API 文档 / :scope.wd-form-obj-root { / 在这里编写CSS 样式 */ }`
H5 端根元素	`.wd-h5-form-obj-root`	可设定 H5 端的根元素样式`/* :scope 指的是当前组件元素 / / 具体可参考样式 API 文档 / :scope.wd-h5-form-obj-root { / 在这里编写CSS 样式 */ }`
PC 端根元素	`.wd-pc-form-obj-root`	可设定 PC 端的根元素样式`/* :scope 指的是当前组件元素 / / 具体可参考样式 API 文档 / :scope.wd-pc-form-obj-root { / 在这里编写CSS 样式 */ }`
小程序端根元素	`.wd-mp-form-obj-root`	可设定小程序端的根元素样式`/* :scope 指的是当前组件元素 / / 具体可参考样式 API 文档 / :scope.wd-mp-form-obj-root { / 在这里编写CSS 样式 */ }`