title: v-select doesn't recognize label prop
body: <p>I'm working on a VueJs file and try to use <code>&lt;v-select&gt;</code> so what I'm doing is that :</p>
  
  <pre><code>&lt;v-select :options="divisions" label="text" &gt;&lt;/v-select&gt;
  </code></pre>
  
  <p>and my divisions is an array of object conatining <code>id</code> and <code>text</code> but when i'm going on my page I have <code>&lt;% getOptionLabel(option) %&gt;</code> instead of the <code>text</code> value for each one of my divisions value</p>
  
  <p>here is a screenshot of <code>console.log(this.divisions)</code> :
  <a href="https://i.stack.imgur.com/v0sIb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/v0sIb.png" alt="enter image description here"></a></p>
  
  <p>So this is my code : </p>
  
  <pre><code> &lt;form id="MassUpdateDivisionForm"&gt;
         &lt;v-select v-bind:label="text" :options="divisions"&gt;&lt;/v-select&gt;
   &lt;/form&gt;
  &lt;script&gt;
  
   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)=&gt;{
                  self.$set('divisions', response.data)
                  console.log(self.divisions)
                  //that's where I got the pic
                  },(response)=&gt;{
                  alert('something went wrong')
                  }
              )
          }
      },
      created () {
          this.getDivisions()
      },
  }
  &lt;/script&gt;
  </code></pre>