Vue公司选择Component获得的值id

我使用Vue的选择组件，我工作了一整天试图从选定阵列得到值idVue公司选择Component获得的值id

<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

来源

2017-05-28 mark

我认为它是'on-change =“consoleCallback”'不'：on-change =“consoleCallback”'，没有**冒号（：）** –

I 'd try'v-on：更改'或'@change'简称 – TimHayes

on-change =“consoleCallback”not：on-change =“conso leCallback“，没有冒号（:)它挂断了 – mark

在documentation展望对于Vue Select你应该使用on-change而不是：on-change。在文档中按变化回调的例子看起来是这样的：

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

和

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

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

来源

2017-05-29 06:54:14 awnton

是的，我做到了，但没有选定的id值 – mark

Vue.set（VM $的数据， '模型'，response.data.model。） → this.model = response.data.model

来源

2017-05-29 13:49:16 LiangJinQing

Vue公司选择Component获得的值id

回答

相关问题