今天繼續給小夥伴們分享一款超強大的Vue表單生成器FormCreate。
form-create 一款 star高達2.2K+ 可通過JSON生成動态渲染、驗證和送出功能的表單生成器。支援生成Vue元件，内置17種常用元件及自定義元件。
功能特性
- 支援 3種 UI架構
- 雙向資料綁定
- 支援使用 JSON 資料生成表單
- 栅格布局
- 内置元件緩存功能，提升渲染速度
- 内置元件生成器，可快速生成元件規則
- 支援自定義生成任何元件，提升表單的靈活性
支援
- iViewUI 2.13.0+、iViewUI 3.x、iViewUI 4.x
- ElementUI 2.8.2+
- Ant-design-vue 1.5.3+
安裝
// element-ui 版本表單生成器$ npm i @form-create/element-ui -S// iView 2.x|3.x 版本表單生成器$ npm i @form-create/iview -S// iView 4.x 版本表單生成器$ npm i @form-create/iview4 -S// Ant-design-vue 1.5.3+ 版本表單生成器$ npm i @form-create/ant-design-vue -S
引入
// ElementUI方式引入import formCreate, {maker} from '@form-create/element-ui'// iView方式引入import formCreate, {maker} from '@form-create/iview'//或者import formCreate, {maker} from '@form-create/iview4'// AntDesignVue方式引入import formCreate, {maker} from '@form-create/ant-design-vue'
element-ui 預覽效果
ant-design-vue 預覽效果
使用插件
以iview版本為例介紹如何在項目中使用 form-create。
另外還支援第三方元件 富文本、Markdown編輯器、JSON編輯器及代碼編輯器。
非常優秀的一款Vue表單建立器元件，喜歡的朋友千萬不要錯過喲~~
# 文檔位址http://form-create.com/v2/# 倉庫位址https://github.com/xaboy/form-create
ok，就介紹到這裡。希望對大家有所幫助哈！