onchange 在输入 vue 中传递选定的选项

Question

伙计们，我是 Vue 的新手，我找到了很多解决方案，但其中 none 似乎可以与我的 situation.I m 使用 Vue-select (sagalbot) 下面是我的代码这是我的代码

  <v-select v-model="productvalue"   multiple  label="category_desc" :options="options1"    :on-change="onChange" ></v-select>
  <div class="input-group" v-for="field in fields">
    <input type="text" v-model="field.sensitive"> 
 </div>

export default {
name: 'List Purches',
 data(){
  return{
  productvalue:[],
  finds: [],
  options1:[]
 }

},
methods:{
getCategories(){
var _this=this
  this.$http.get('http://localhost:3000/api/categories') .then(function 
    (response) {
         _this.options1=response.data;
        })
        .catch(function (error) {
          console.log("error.response");
        });
     },


   onChange: function (){    
   //here i m try to access selected input value
     this.finds.push({value: '' });  
       },
   }, 
 }

我如何将 v-select 的 selected 选项传递给创建的输入

Answer 1

此 v-select 的 onChange 函数接受一个参数，该参数是一个包含所选选项的数组。

顺便说一句，你可以使用这个代码，打开Chrome控制台调试'a','b','c'.

的值

onChange(a,b,c) {
      debugger;
      console.log(a);
}

onchange 在输入 vue 中传递选定的选项

onchange pass selected option in input vue

vue.js

v-select