ant design vue input change_基于 Vue.js 表單建立器FormCreate

今天繼續給小夥伴們分享一款超強大的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，就介紹到這裡。希望對大家有所幫助哈！