在表单中处理像数组一样的多数据

Question

如何发送像数组这样的表单数据

看下面的代码，我不能在product_attribute中设置索引['index must be here']['key']

<tr v-for="index in attributes">
    <td class="text-left">
    <input type="text" name="product_attribute['index must be here']['key']" value="" placeholder="attribute" class="form-control" autocomplete="off">
</td>
    <td class="text-left">
    <div class="input-group">
        <textarea name="product_attribute['index must be here']['value']" rows="5" cols="70" placeholder="text" class="form-control"></textarea>
    </div>
    </td>
</tr>

Answer 1

您可以使用v-bind:name 或简短的:name 绑定它，如下所示：

<input type="text" :name="product_attribute[index]['key']"  ...

和

  <textarea :name="product_attribute[index]['value']"