0.3.41 • Published 1 year ago

agel-form v0.3.41

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

agel-form | 使 element-ui form 组件更简单

MIT Licence npm download

文档

安装使用

npm install agel-form --save # yarn add agel-form

介绍

agel-form 是基于 element-ui form 的二次封装,极简的思想,完全的数据驱动,拥有绝对的灵活性,可以帮助你更快速的开发!up! up! up!

该组件适用于 vue2.x ,vue3.x 请转自 element-plus-crx

特性

该组件的思想就是以一个 form 对象来做所有的操作,它做了如下事情:

  • 支持 element-ui 所有表单组件 attributes 配置
  • 支持 element-ui 所有表单组件 events 事件
  • 支持 element-ui 所有表单组件 slots 插槽
  • 支持 element-ui Row Col 组件布局
  • 支持 element-ui Descriptions 组件布局
  • 支持 element-ui Table 表单编辑器
  • 表单视图查看模式
  • 动态增减表单
  • 容器宽度自适应布局
  • 联动显示隐藏禁用
  • 智能回填 form.data,placeholder,rules
  • 全局配置
  • 数据化的基础组件
  • 灵活自定义组件 / 搭配第三方组件

表单布局组件

表单子组件

其他

如此简单

<template>
  <agel-form v-model="form"></agel-form>
</template>
 
<script>
export default {
  data() {
    return {
      form: {},
    };
  },
};
</script>
0.3.41

1 year ago

0.3.40

1 year ago

0.3.39

2 years ago

0.3.38

2 years ago

0.3.37

2 years ago

0.3.36

2 years ago

0.3.35

2 years ago

0.3.31

2 years ago

0.3.34

2 years ago

0.3.33

2 years ago

0.3.32

2 years ago

0.3.2

2 years ago

0.3.3

2 years ago

0.3.0

2 years ago

0.3.1

2 years ago

0.2.9

3 years ago

0.2.8

3 years ago

0.2.1

3 years ago

0.2.0

3 years ago

0.2.7

3 years ago

0.2.6

3 years ago

0.2.3

3 years ago

0.2.2

3 years ago

0.2.5

3 years ago

0.2.4

3 years ago

0.1.2

3 years ago

0.1.0

3 years ago

0.1.1

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago