Select vue

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