form create designer

以element-ui版本为例

 

---

 

挂载组件

import formCreate from '@form-create/element-ui';

 

Vue.use(formCreate) // 全局引入

---------------------------

//Vue 组件
{
   components: {
       formCreate: formCreate.$form()
   }
}

 

 

---

 

表单渲染
<form-create :option="option"></form-create>
表单设计器
<form-create

　　v-model="fapi"      // 表单实例对象

　　:rule="rule"        // 表单生成规则  -- input，select等规则

　　:option="option"    // 全局配置组件属性  -- 

　　@submit="onSubmit"  // 提交事件

　　:value.sync="value" // 表单双向绑定，可用于异步获取后绑定渲染

></form-create>

 

---

 

---

 

配置项 :option 的属性