v-for接出来值后怎么传给data

父组件给子组件传递了一个json数据组,现在子组件可以用v-for取出来,但我需要去将取出来的值在赋给data里面去进行下一步的调用,但总是绑定不上,input标签里面的:value与v-model冲突也无法使用


 <div class=" searchinfo">
        <div class="" style="width: 100%; margin-top: 10px;" v-for="(ta,index) in data" :key="index">
          <div style="float: left;margin-left: 100px;" >{{ta.name}}:</div>

<div v-model="tiaojian[index]">
    <input :value="ta.value"></input>
</div>

          <input type="text" class="form-control" style="width: 20%;float: left;margin-left: 20px;"  v-model="search[index]">
        </div>
        <button type="button" class="btn btn-default" style="margin-left: 150px;margin-top: 30px;" @click="aa">查找</button>
      </div>
阅读 4.1k
3 个回答

直接使用v-model="postData[ta.value]"进行赋值,就可以把json字符串的字段名与字段都写进postData的数组里面

:value是单向的,想要双向,推荐使用v-model

试一下下面这种方式,不行的话可以在函数changeVal里用this.$set的方式

<div >
   <input @input="changeVal(ta,$event)"></input>
</div>

changeVal(ta,e){
    ta.value=e.target.value
}
推荐问题