vue-dd-form demo

1. descriptions

{
    "title": {
        "view": "text",
        "label": "Movie title"
    },
    "description": {
        "view": "area",
        "label": "Description"
    },
    "genres": {
        "view": "checkbox",
        "label": "Genres",
        "options": [
            "Action",
            "Comedy",
            "Drama",
            "Fantasy",
            "Horror",
            "Mystery",
            "Romance",
            "Thriller"
        ]
    },
    "language": {
        "view": "select",
        "label": "Original language",
        "options": [
            "English",
            "Spanish",
            "Korean",
            "Chinese",
            "French",
            "Hindi",
            "German"
        ]
    }
}

2. data (changes in real-time)

{
    "title": "Parasite (2019)",
    "description": "Greed and class discrimination threaten the newly formed symbiotic relationship between the wealthy Park family and the destitute Kim clan.",
    "genres": [],
    "language": "Korean"
}

3. form

Original language
Korean