The document

  • Official website – Use documentation

Install and use

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

introduce

Agel-form is a secondary encapsulation based on Element-UI Form. It is minimalist, fully data-driven, and has absolute flexibility to help you develop faster! up! up! up!

features

The idea of this component is to do all the operations with a form object, which does the following:

  • Supports the Attributes configuration for all element-UI form components
  • Support for all element-UI form components events events
  • Support for all element-UI form components slots
  • Support element- UI Row Col component properties
  • Smart backfill form. Data, placeholder, rules
  • Customize components or use third-party components
  • Global configuration
  • Linkage Display hide
  • Responsive layout

The built-in single component is a secondary packaged single component of the basic component based on Element-UI, which is consistent with the original component in terms of usage without any damage. Moreover, it adds additional extension functions and can completely replace the original component for development and use.

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

So simple

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

It was originally used for my own project, but now it only supports VUe2. If this component can help some friends, it is also good. It was developed by ourselves, if you decide to try it, you can contact me on wechat: agrass-Weixin if you have any questions.