动态表单
因数据库字段不固定,不想数据库修改、页面修改、还有批量Excel模板操作等。
想做成一处修改即可使用的动态表单。
表单配置页面(可视化配置表单)略。
这里只说组装json渲染表单。
动态表单json渲染使用方法
option、rule 参数与formcreate完全一致,只需把函数写为 函数字符串即可
expand为扩展参数,在函数字符串中可使用
$f 为当前formCreate实例,与formCreate一致。函数内可使用
1 | <form-json-create :option="option" :rule="rule" :expand="all_expand"></form-json-create> |
1 | { |
示例
示例地址:查看示例
动态表单纯json实现思路
1 | <form-create |
1 | // props |
1 | // 处理option |
1 | // 表单创建后 执行 |
1 | // innerScript 来自远程的js 代码字符串。 必须为一个js函数 |
动态表单纯json实现完整代码
1 | <template> |
1 | import formCreate from '@form-create/element-ui' |