Element Plus Form Shema Example

Simple example. Sync and async validation, composition api, typescript. Only for frontend. For usage copy MyForm (src/components/MyForm) folder to your project. Use MyFormC component. Register custom components in MyFormComps.ts. Example of custom components in CustomFields folder. Form shemas you can find in DocsShemas folder. For managing docs (for save for example) using CreateDocC component. Shemas base class contains method for trim string field (example before save). Modify, refactor for your needings.

Animate css library has been used for field transitions.

Github Pages Demo.

CodeSandbox Demo.

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Links

See Vue 3.

See Element Plus.

See async-validator.

See Animate css.