FormBtns 表单操作按钮

常见场景下的表单按钮的封装,包含提交重置/取消按钮。内置表单验证和提交确认操作。

基础用法

有Form组件的场景和修改按钮顺序

提交前确认和定制文本内容

相关文档

Form组件文档参照

Attributes

参数类型说明可选值默认值
sendingboolean提交按钮是否loading中----
formobjectForm组件实例的ref引用----
is-cancelboolean是否显示取消按钮而不是重置按钮--false
submit-onlyboolean是否仅显示提交按钮----
submitfunction点击提交按钮后的处理方法,如果需要验证和确认则在通过后调用----
cancelfunction点击取消按钮后的处理方法----
btn-keysstring[]需要显示按钮的key数组,默认情况下组件会按照传入参数逻辑处理按钮显示,并且提交按钮在左。你可以通过这个属性设定要显示的按钮和顺序,设置后内部逻辑无效。submit/cancel/reset--
is-validateboolean是否需要检验表单,需要校验时parent-refs和ref-key必须正确传入----
submit-confirmboolean提交前是否需要用户确认操作,设置为true时会默认先进行表单验证----
btn-propsobject / function(key)按钮绑定的属性对象,为object是对所有按钮生效,可以用函数来针对每个按钮绑定不同属性,函数参数是按钮的key。----
textsobject组件内各按钮及状态提示文本对象文本详情--

texts

注意

列表里参数是texts对象的键名,会合并到默认值对象。不能使用短横线写法

参数类型说明默认值
sureBtnstring提交按钮文字'提交'
cancelBtnstring提交按钮是否loading中'取消'
resetBtnstring提交按钮是否loading中'重置'
sendingstring提交按钮是否loading中'提交中...'
confirmWordstring提交按钮是否loading中'确认提交?'
Last Updated:
Contributors: wxhccc, wxhccche