Vue Komponente wählen get Wert id ausgewählter Array

Question

i Vue Select-Komponente verwendet und arbeite ich den ganzen Tag versucht Wert id von ausgewählten Array

<v-select multiple label="name" :on-change="consoleCallback" :options="option" :value.sync="option.id" :value="id" v-model="users_id"> 
</v-select> 


import vSelect from 'vue-select' 
export default { 
     components: {vSelect}, 
     props: ['title'], 
     data(){ 
      return{ 
       model: { 
        'title':'', 
       }, 
       users_id:[], 
       option: [], 
methods: { 
      fetchData(id){ 
       let vm = this; 
       let dataInput = vm.model; 
       axios.get('/subject/' +id+ '/edit',dataInput) 
        .then(function (response) { 
         Vue.set(vm.$data, 'model', response.data.model) 
         Vue.set(vm.$data, 'option', response.data.option) 
        }) 
        .catch(function (error) { 
         console.log(error); 
        }); 
      }, 

enter image description here

Answer 1

Mit Blick auf die documentation zu bekommen Für Vue Select sollten Sie On-Change und nicht: On-Change verwenden. Das On-Change Rückruf Beispiel in der Dokumentation wie folgt aussieht:

<v-select on-change="consoleCallback" :options="countries"></v-select> 

und

methods: { 
    consoleCallback(val) { 
    console.dir(JSON.stringify(val)) 
    }, 

    alertCallback(val) { 
    alert(JSON.stringify(val)) 
    } 
} 

Answer 2

Vue.set (vm $ data, 'Modell', response.data.model.) → this.model = response.data.model