I'm working on a VueJs file and try to use `<v-select>` so what I'm doing is that :

```
<v-select :options="divisions" label="text" ></v-select>

```

and my divisions is an array of object conatining `id` and `text` but when i'm going on my page I have `<% getOptionLabel(option) %>` instead of the `text` value for each one of my divisions value

here is a screenshot of `console.log(this.divisions)` :
[![enter image description here](https://i.stack.imgur.com/v0sIb.png)](https://i.stack.imgur.com/v0sIb.png)

So this is my code : 

```
 <form id="MassUpdateDivisionForm">
       <v-select v-bind:label="text" :options="divisions"></v-select>
 </form>
<script>

 import vSelect from "js/vue-select/vue-select.js"
 export default {
    props: ['product'],
    components: {vSelect},
    data() {
        return {
            divisions: []
        }
    }
    methods: {
         getDivisions(){
             let self = this
            this.$http({
                url: 'divisions',
                method: 'get'
            }).then((response)=>{
                self.$set('divisions', response.data)
                console.log(self.divisions)
                //that's where I got the pic
                },(response)=>{
                alert('something went wrong')
                }
            )
        }
    },
    created () {
        this.getDivisions()
    },
}
</script>

```