v-model绑定问题

Question

问题描述

我想实现每个输入框输入不相互干扰，输入每行的数据都可以不一样，应该是我v-model的写法写错了的

问题出现的环境背景及自己尝试过哪些方法

我该如何让v-model绑定的值不都对应同一个呢？我的思路是添加个数组，但是给报错字段未定义

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<tr ref="postInfo[index]" v-for="(value,index) in items" :id="index">
    <td><i-input v-model="STOCKCODE" size="small" placeholder="请输入"/></td>
    <td><i-input v-model="QUANTITY" size="small" placeholder="请输入"/></td>
    <td><i-input v-model="PRICE" size="small" placeholder="请输入"/></td>
    <td><i-input v-model="BUSINESS" size="small" placeholder="请输入"/></td>
    <td class="green_bg4">深A股票普通买卖</td>
    <td class="green_bg4">1</td>
    <td class="green_bg4">1</td>
    <td class="green_bg4">9</td>
    <td class="green_bg4">5</td>
    <td class="green_bg4">5555</td>
</tr>

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

ref="postInfo[index]"

postInfo[index]有定义么

Answer 2

思路是正确的，但是postInfo是一个空数组，所以postInfo[index]就是undefined，那么postInfo[index].xxx当然就报错了，你需要事先遍历items生成postInfo = [{},{},...]，或者就把数据放在items的每一项中