Estoy trabajando en una aplicación de votación con Vue y Firebase. Hasta ahora, puede agregar nuevas fechas a Firebase Realtime Database. Quiero construir un sistema de votación para que los usuarios puedan votar "sí", "no" y "tal vez" para cada fecha disponible.

La base de datos en tiempo real debería verse así:

 dates { date-one { day: 12, month: 5, year: 2022, id: "12345678", votes: { "yes": ["userId1", "userId2"], "no": ["userId1", "userId3"], "maybe" ["userId2", "userId4"] } } date-two {...}

Ahora quiero hacer un formulario dinámico donde puedes seleccionar tu voto para cada fecha:

 <form @submit.prevent="handleSubmit"> <div v-for="event in events" :key="event.id"> <label :for="event.name">{{ event.day }}.{{ event.month }}.{{ event.year }}</label> <select :name="event.name" type="select" > <option value="yes">YES</option> <option value="maybe">MAYBE</option> <option value="no">NO</option> </select> </div> <button type="submit">Senden</button> </form>

Mi problema es cómo puedo manejar los valores de entrada para poder insertar la identificación del usuario en la matriz respectiva (sí, tal vez, no) para cada fecha.

¿Alguien me puede ayudar o tiene alguna idea para hacerlo mejor?

¡Muchos gracias!