投稿

基于Vue.js 表单创建器：FormCreate

Vedu • • 资源分享 • 阅读 2033

基于 Vue.js 表单创建器FormCreate

form-create 一款 star高达2.2K  可通过JSON生成动态渲染、验证和提交功能的表单生成器。支持生成Vue组件，内置17种常用组件及自定义组件。

基于 Vue.js 表单创建器FormCreate

功能特性

  • 支持 3种 UI框架
  • 双向数据绑定
  • 支持使用 JSON 数据生成表单
  • 栅格布局
  • 内置组件缓存功能，提升渲染速度
  • 内置组件生成器，可快速生成组件规则
  • 支持自定义生成任何组件，提升表单的灵活性
基于 Vue.js 表单创建器FormCreate

支持

  • 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\'
基于 Vue.js 表单创建器FormCreate

element-ui 预览效果

基于 Vue.js 表单创建器FormCreate

ant-design-vue 预览效果

使用插件

以iview版本为例介绍如何在项目中使用 form-create。

 
“app”>
“fApi” :rule=“rule” :option=“option”>
</div>
>

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/share/11367.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2020-09-13 13:55
下一篇 2020-09-14 11:01

相关推荐

发表评论

登录后才能评论