Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

158
Views
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.

over 4 years ago · Santiago Trujillo
1 answers
Answer question

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>
over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!