vue灵活的表单生成器–vue-dd-form

vue灵活的表单生成器–vue-dd-form
插件名称 vue-dd-form
版本号 v1.0.19
发布时间 2020年10月8日
插件作者 marekmensa

Vue.js的另一个表单构建器库,无需编程即可创建表单。

变更日志:

v1.0.19(03/06/2021)

  • 小修

v1.0.18(02/28/2021)

  • 修复了无限递归对象的错误(初始化不存在的节点时发生)

v1.0.16(01/06/2021)

  • 小修

v1.0.15(20年1月4日)

  • 修复了svg图标不兼容的问题

安装和下载:

# NPM
$ npm i vue-dd-form --save

基本用法:

1.导入组件。

import ddForm from 'vue-dd-form';

2.注册组件。

components: {
  ddForm,
  // ...
}

3.将组件添加到应用模板。可用视图:

  • 采集
  • 文本
  • 选择
  • 复选框
  • 计数器
  • 约会时间
  • 上载
  • 无线电
<dd-form
  :data="exampleData"
  :descriptions="exampleDesc"
  @submit="submit">
</dd-form>
exampleData: {},
exampleDescriptions: {
  "name": { 
    view: 'text', 
    label: 'Full name'
  }
}