文档
安装使用
npm install agel-form --save # yarn add agel-form
介绍
agel-form 是基于 element-ui form 的二次封装,极简的思想,完全的数据驱动,拥有绝对的灵活性,可以帮助你更快速的开发!up! up! up!
特性
该组件的思想就是以一个 form 对象来做所有的操作,它做了如下事情:
- 支持 element-ui 所有表单组件 attributes 配置
- 支持 element-ui 所有表单组件 events 事件
- 支持 element-ui 所有表单组件 slots 插槽
- 支持 element-ui Row Col 组件属性
- 智能回填 form.data,placeholder,rules
- 灵活自定义组件 / 搭配第三方组件
- 全局配置
- 联动显示隐藏
- 响应式布局
内置单组件,是基于 element-ui 的基础组件经过二次封装的单组件,在使用方式上同原组件保持一致,没有任何的破坏性,并且额外添加了扩展功能,完完全全可以代替原组件进行开发使用。
如此简单
<template>
<agel-from v-model="from"></agel-from>
</template>
<script>
export default {
data() {
return {
from: {},
};
},
};
</script>
本来是自己项目使用,目前是只支持vue2,如果该组件能帮助到某些朋友也不错,素人开发,若你决定尝试,有什么问题可以联系本人微信:agrass-weixin。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。