组件开发
2024年1月9日大约 1 分钟
组件开发
在开发组件的时候,只要是规范的vue组件都可以。本文只讲解组件接收的props属性及说明。
门户组件所接收的组件相对于表单组件要少许多。
组件Props属性
设计器在渲染组件时会项组件中传入部分数据供开发者使用。
| 属性 | 类型 | 说明 | 设计器版本 |
|---|---|---|---|
| config | Object | 组件相关配置,详情可查看config.json | 1.0.0 |
| designer | Boolean | 当前组件是否在编辑环境,由于在编辑时需要拖动,有些组件不优化的话要做大量的请求和节点渲染,导致卡顿,所以这里可以通过此参数进行优化 | 1.0.0 |
| configData | Object | 组件用户配置 | 1.0.0 |
FormComponentOption
| 属性 | 类型 | 说明 | 设计器版本 |
|---|---|---|---|
| field | String | 组件字段,在提交表单是会以此字段为key提交数据,与组件props.fieldName相同 | 1.0.0 |
| formData | Object | 当前组件用户配置 | 1.0.0 |
| id | String | 组件唯一标识,每次拖入一个组件随机生成,不会重复 |
这些属性是自动注入的,其他还有部分属性与config.json说明中的一致。
当组件开发完成后需要打成压缩包进行上传,具体上传步骤请看组件上传
注意
- 当更改config.json或者在添加文件时,如何视图没有更新,请重新启动。
