多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
组件配置[文档说明](https://github.com/JakHuang/form-generator/issues/32) #### 1.el-row 行容器json配置说明 ``` "__config__": { // 组件的自定义配置 "layout": "rowFormItem", // 渲染模式 为 rowFormItem、colFormItem、htmlItem、raw、componentItem "tagIcon": "row", //左侧icon "layoutTree": true, //是否展示结构树 "document": "https://element.eleme.cn/#/zh-CN/component/layout#row-attributes", //跳转到说明文档 "span": 24,// 一行位置的占比 "formId": 101,// 随机生成的id "renderKey": "1011671282967434",//渲染唯一id,修改值会重新渲染 "componentName": "row101",//组件名称 "class":"bg-gray padding-lr-sm padding-tb-xs",//组件样式 showFilterError:true,//是否展示只看错题 moduleType:2,//如果是问题组模块则moduleType的值为2 }, "type": "default",//布局模式 default或者flex "justify": "start", //居中 一般为flex模式使用 "align": "top" //垂直排列 ``` #### 2.el-radio-group单选框json配置说明 ``` { "__config__": { // 组件的自定义配置 "label": "我是问题描述",//问题标题 "labelWidth": null,//标签宽度 "showLabel": true,//显示标签 "tag": "el-radio-group",//渲染的组件名称 "tagIcon": "radio",//左侧icon "changeTag": true,//是否展示组件类型 "layout": "colFormItem",// 组件的渲染方式 "span": 24,// 一行位置的占比 "optionType": "default",选项样式 "regList": [],//自定义正则校验 "score": 10,//问题分数 "required": true,//是否必填 "border": false, //是否带边框 "class":"margin-top-xs",//组件样式 "document": "https://element.eleme.cn/#/zh-CN/component/radio",//说明文档 "formId": 131,//随机生成的表单组件id "renderKey": "1311671283074016"//渲染唯一id }, "__slot__": { // 组件内部自定义配置项 "options": [{ "label": "是", "value": 1, }, { "label": "否", "value": 2 }, { "label": "不适用", "value": 3 }] }, "bindMethod":[{method:"changeFormItem", }],// 绑定onChange时触发的函数 "style": {},//style样式 "size": "medium",//组件属性 大小 "disabled": false,//组件属性 是否禁用 "__vModel__": "title131" //v-model绑定的字段 //业务上 约定title开头的为问题标题,约定subItem为选否时的扣分项 }, ```