V-選択は、私はVueJsファイルに取り組んでいるラベルが

Question

を支える認識し、私がやっているので、<v-select>を使用しようとしないことです：

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

と私の部門は、オブジェクトconatiningの配列です

012： idと textが、私は私のページに行くよときに私が代わりに私の部門値ここ

のそれぞれについてtext値の<% getOptionLabel(option) %>を持っているがconsole.log(this.divisions)のスクリーンショットです

だから、これは私のコードです：

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

Answer 1

私が正しくあなたを理解していた場合、あなたがラベルとして表示される選択されたオプションのテキスト属性をしたいですか？その場合は、選択したオプションのデータを<v-select>に戻す必要があります。変更時にイベントを発行してラベルをテキスト値に変更できますが、v-bind:label=textまたは略語:label=text