The document

  • Website – Use documentation

Install and use

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

introduce

AgelForm is based on Element-UI Form secondary packaging, minimalist idea, complete data-driven, with absolute flexibility, can help you develop more quickly! up! up! up!

features

The idea is that this component does all the work as a Form object, which does the following:

  • Supports Element-UI configuration of all form component Attributes
  • Support Elemental-UI for all form component Events events
  • Support ELEMENT-UI for all form components Slots slots
  • Supports ELEMENT-UI ROW COL component properties
  • Intelligent backfill form.data, placeholder, rules
  • Flexibility to customize components/match third party components
  • Global configuration
  • Linkage display hiding
  • Responsive layout

Built-in single component is a single component that has been twice encapsulated by the basic component based on Element-UI. It is consistent with the original component in the way of use, without any destructions, and has added additional extension functions, so it 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>

Originally is their own project to use, is currently only support VUE2, if the component can help some friends is also good, Suren development, if you decide to try, if there is any problem can contact me WeChat: Agrass-Weixin.