Create dynamic forms easily on Vue

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ต.ค. 2024
  • Implementing handcrafted forms can be:
    Costly
    Time-consuming
    Especially if you need to create a very large form, in which the inputs are similar to each other, and they change frequently to meet rapidly changing business and regulatory requirements.
    So, wouldn't it be more economical to create the forms dynamically? Based on metadata that describes the business object model?
    That's Vue Dynamic Forms.
    Vitesome. github.com/alv...
    Vue Dynamic Forms github.com/asi...
    Come say hi on Twitter / alvaro_code
    00:00:00:00 Intro
    00:00:36:23 Motivation
    00:03:21:06 Scaffolding a new project with vitesome
    00:05:13:08 Installing vue-dynamic-forms plugin
    00:07:29:00 Usage and form composition
    00:13:50:06 Validation
    00:17:52:23 Submitting the form
    00:26:14:22 Conclusion
    00:26:49:13 Outro

ความคิดเห็น • 9

  • @evanfuture
    @evanfuture 3 ปีที่แล้ว +2

    Really clean and useful, nice work!

  • @asyncFlex
    @asyncFlex 2 ปีที่แล้ว +1

    gracias profesor

  • @ahmedmohammed3031
    @ahmedmohammed3031 ปีที่แล้ว

    Hi Thanks for this awesome package it save my day but we cant to wrap inputs in groups if i have a design have according for big forms ?

  • @Troy-ol5fk
    @Troy-ol5fk 2 ปีที่แล้ว

    What are the common use cases for the render function 'h' ?

    • @AlvaroDevLabs
      @AlvaroDevLabs  2 ปีที่แล้ว

      I normally use render functions when the element tag is dynamic depending on some prop for example:
      A button component will render if link prop is false, if it's true, I will render an instead of a button tag:

  • @mirianalejandraarevalo9683
    @mirianalejandraarevalo9683 2 ปีที่แล้ว

    Hoooolaa chamoo jajaja

  • @samumuas
    @samumuas 2 ปีที่แล้ว +1

    Arepana