Zebra Codes

How to Make a Compound Input in Vue3

17th January, 2023

Form inputs often have separate fields that belong together, for example the “name” field may be decomposed into “first name” and “last name”. This guide shows you how to bundle multiple fields into a single component. The objective is to have the input’s value represented as an object:

{
    "firstName": "First name value",
    "lastName": "Last name value",
}
Read More >