关于javascript:agelform-基于-elementui-form-的二次封装数据配置表单快速开发

文档

• 官网 – 应用文档

装置应用

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。