Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

251
Vistas
Cómo usar la identificación seleccionada de un menú desplegable en Vue.js en un botón fuera de la opción/seleccionar bucle de etiqueta

Estoy tratando de agregar un botón que obtenga la identificación de la lista seleccionada de restaurantes para poder pasar esa identificación a mi solicitud de API cada vez que hago clic en mi botón. Sin embargo, no puedo agregar mi botón a la selección porque desaparece y parece que estoy fuera del ciclo de opciones para recuperar la identificación.

 <div id="selectedList" class="addFavoriteRestaurantToList"> <select name="list_id" @change="onChange($event)" class="form-control"> <option>--- Select a fav list ---</option> <option :key="listresto.id" v-for="listresto in favoriteRestaurantData"> {{listresto.name}}</option> </select> <button class="removeButton" @click="AddFavoriteRestaurant( listresto.id, restaurantData.id)"> Add "{{restaurantData.name}}" to your your favorite list</button> </div>

método utilizado para devolver lo que seleccioné en Dropbox (funciona, pero como no puedo usar nada en mi botón, estoy atascado):

 onChange(event) { return event.target.value; }

Entonces, quiero que obtenga la identificación de la lista seleccionada para usarla en mi botón.

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

<div id="selectedList" class="addFavoriteRestaurantToList"> <select v-model="list_id" name="list_id" @change="onChange($event)" class="form-control"> <option>--- Select a fav list ---</option> <option :key="listresto.id" :value="listresto.id" v-for="listresto in favoriteRestaurantData"> {{listresto.name}}</option> </select> <button class="removeButton" @click="AddFavoriteRestaurant( list_id, restaurantData.id)"> Add "{{restaurantData.name}}" to your your favorite list</button> </div>

y v-model="list_id" declaran list_id en data:({list_id:''})

no olvide la línea con :value="listresto.id"

 <option :key="listresto.id" :value="listresto.id" v-for="listresto in favoriteRestaurantData"> {{listresto.name}}</option>
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda