jz-form-design v0.1.5

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>