form-maker-design

1,468
Install
npm install form-maker-design
Latest Version:1.4.18
Vue:2
Last Updated:Apr 8, 2021
Links: npm
Maintainer: yubaobin

在线表单设计器

安装

npm install design-form-maker --save

引用

import DesignFormMaker from 'design-form-maker'
import 'design-form-maker/lib/design-form-lib.css'

...

Vue.use(DesignFormMaker, options)

...

options

配置项 备注 默认值
onlineFormList 在线表单预览功能路由的name值，用于在线表单测试功能的菜单按钮跳转 onlineFormList
onlineFormListPath 在线表单功能配置的路径(结合本项目配置的路由) /online/formList
onlineFormTreeListPath 在线表单树功能配置的路径(结合本项目配置的路由) /online/formTreeList
ajax axios配置对象 {}

ajax

传入 axios 对象 ...

组件

名字 备注
OnlineFom 在线表单配置列表组件
OnlineFormList 在线表单功能组件
GenForm 表单渲染组件
DictFormList 字段表管理组件

组件参数

  • OnlineFormList

props

名字 备注 类型
id 表单配置id Number, String
dbId ｜ 数据源id Number, String
  • GenForm

props

名字 备注 类型
headId 表单配置id Number, String
editData 编辑数据 Object

组件提供方法

名字 备注
reset 重置表单数据
getData 获取表单数据 返回Promise
setDisabled(boolean) 设置表单是否可以编辑 true: 不可编辑, false 可以编辑

Version History

Version Released Vue License
1.4.18 ^2.6.11
1.4.17 ^2.6.11
1.4.16 ^2.6.11
1.4.15 ^2.6.11
1.4.14 ^2.6.11