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