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);
}

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

1 个答案: