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

Question

伙计们，我是 Vue 的新手，我找到了很多解决方案，但它们似乎都不适用于我的情况。我正在使用 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 的选定选项传递给创建的输入

Answer 1

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

顺便说一句，您可以使用此代码，打开 Chrome 控制台以调试 'a'、'b'、'c' 的值。

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