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 (0 xp)
Solucioné el problemas con
1
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