jz-form-design
v0.1.5
Published
## 使用 ``` <jz-form-design :form-fields="formFields"></jz-form-design> ```
Downloads
3
Readme
jz-form-design
使用
<jz-form-design :form-fields="formFields"></jz-form-design>
支持自定义的属性
form-fields: 表单字段的名称列表
formFields: [
{
text: '用户名',
value: 'username'
},
{
text: '密码',
value: 'password'
},
{
text: '出生日期',
value: 'birthday'
},
{
text: '年龄',
value: 'age'
},
{
text: '邮箱',
value: 'email'
}
]
showHeader: 是否显示头部标题
title: 标题
toolbarTop: 工具栏是否显示在上方
showToolbarsText: 是否显示工具栏文本
toolbars: 自定义工具栏
默认支持如下工具栏:
'save',
'preview',
'generateSourceCode',
'generateJson',
'importJson',
'clear'
支持事件
save
<jz-form-design :form-fields="formFields" @save="doSave"></jz-form-design>