agel-form 基于 element-ui form 的二次封装，数据配置表单，快速开发！

Posted 2021-09-09 agrass

文档

• 官网 - 使用文档

安装使用

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 的基础组件经过二次封装的单组件，在使用方式上同原组件保持一致，没有任何的破坏性，并且额外添加了扩展功能，完完全全可以代替原组件进行开发使用。

• agel-select
• agel-checkbox
• agel-radio
• agel-upload
• agel-tree-select
• agel-search-panel

如此简单

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

本来是自己项目使用，目前是只支持vue2，如果该组件能帮助到某些朋友也不错，素人开发，若你决定尝试,有什么问题可以联系本人微信:agrass-weixin。