TiendaWeb
TiendaWeb
Vue.js
Comparte:

Select vue

Tengo un problema con el select:
<template>
 <div>
    <b-form-select v-model="selected" class="mb-3">
        <option :value="null">Please select an option</option>
        <option v-for="artist in artists" @click="addOptions(artist.id)" value="a" value-field="artists.id">{{ artist.name }}</option>
    </b-form-select>

    <div class="mt-2">Selected: <strong>{{ selected }}</strong></div>

 </div>
</template>

<script> export default { data() { return { selected: null, artists:[] } }, created(){ axios.get('/artist') .then(res =>{ this.artists = res.data; }) .catch(err=>{ console.log(err.response.data); }); }, methods:{ addOption(id){ this.selected = id; console.log(id); } } } </script>
no estoy obteniendo el valor del value
TiendaWeb
TiendaWeb (0 xp)
Solucioné el problemas con
:value="artist.id"
1
wilmer rodriguez b
wilmer rodriguez b (0 xp)
Puedes usar el paquete vue cool select el cual es muy facil de usar y potente https://iliyazelenko.github.io/vue-cool-select/#/
1