好用的VUE表单设计器 form-crate的全局挂载 form-crate自定义组件挂载

做为一名不太合格的.net程序员,最近半年多的时间一直在致力于VUE的前段开发和基于python的后台开发。
首先前段架构基于vue,UI采用IviewUI,后台API部分基于python的tornado web框架
须要设计一套自定义表单系统,网上百度了一大堆最后选择使用了form-create html

+官方文档http://www.form-create.com/vue


首先form-create 支持的UI框架有 iview,element-ui,AntDesignVue
它能够经过 JSON 生成具备动态渲染、数据收集、验证和提交功能的表单生成器python


官网提供了三种不一样UI框架的内置组件的使用方法,很是的便捷,很是好用,简单容易理解。对于专职前段的同窗来说应该很轻松,我花费了两周的时间才搞明白怎么在项目中使用,进行自定义表单的设计。个人设计器很丑,就不给你们展现了,能够结合拖拽实现表单拖拽自定义。程序员


今天简单说一点点关于自定义组件挂载和form-crate的挂载
form-create的挂载能够局部挂载到某个页面中,
也能够全局挂载到main.js中
我在main中挂载的 前提根据官方步骤 先installweb

import formCreate from '@form-create/iview4'

Vue.use(formCreate)

全局挂载完成
一般状况在自定义表单中 一部分控件的使用并不能知足咱们的要求,须要自定义出一些控件来使用。
对于自定义的控件怎么用form-create进行渲染呢
以下:
好比我自定义了一个组件叫myDatePicker
我首先在main中进行引用而后经过formCreate.component进行组件挂载,以后再挂载formCreate,这样在表单渲染的时候formCreate才能把你自定义的组件渲染出来。element-ui

//**自定义组件的挂载必须在formCreate以前*
formCreate.component( 'myDatePicker',myDatePicker);

Vue.use(formCreate)

+挂载组件自定义组件
+官方文档http://www.form-create.com/架构