编辑表单 Edit

API#

FaEdit#

fa-editfa-create 类似,都是对 el-form 的一层封装,让我们更加便捷的实现数据的编辑操作。除了文档中列举的 props 以外,如果需要传递其他 el-formprops,可以直接传递给 fa-edit,这些属性最终会透传到 el-form 上。

PROPS#

属性名类型默认值说明
dataProviderstringobject''
dataobject{}表格数据,子组件中通过 $emit 触发,所以需要 .sync 修饰符
resetbooleanfalse是否开启重置模式,如果设置为 true,会出现重置按钮
requestProcessFunctiondata => data请求前的数据处理函数,默认参数为 provider 上下文,可以直接修改 provider 中的属性,不需要返回数据
responseProcessFunctiondata => data返回数据的处理函数,默认参数为 res,需要返回一个新的数据作为列表渲染数据

SLOTS#

插槽名说明
default默认插槽,只会解析 fa-create-field 组件
title顶部标题
actions除编辑、重置外的其他操作

EVENTS#

事件名说明参数
success编辑成功时会触发该事件data:any 列表数据
error编辑失败时会触发该事件e:Error 错误信息
edited编辑结束时会触发该事件

FaEditField#

fa-edit-field 是对 el-form-item 的封装,它可以更快速的实现数据的录入。

如果不传入 slot ,默认渲染 el-input

PROPS#

属性名类型默认值说明
fieldstring''该录入项所对应的属性名
labelstring''显示在界面上的字段名

SLOTS#

插槽名说明
default默认插槽,用于自定义展示列的数据