如何将vue的项的值放在复选框中？

Question

我想把item.ai_no放在box1和box2的值中。

<tr v-for="item in asReturnList">
    <td>@{{ item.ai_no }}</td>
    <td>@{{ item.cate1 }}</td>
    <td>@{{ item.cate2 }}</td>
    <td>@{{ item.cate3 }}</td>
    <td>@{{ item.ai_cate4 }}</td>
    <td>@{{ item.ai_whyKind }}</td>
    <td>@{{ item.ai_why }}</td>
    <td>@{{ item.ai_pic }}</td>
    <td>@{{ item.ai_qty }}</td>
    <td><input type="checkbox" name="box1" id="" value="@{{ item.ai_no }}"></td>
    <td><input type="checkbox" name="box2" id="" value="@{{ item.ai_no }}"></td>
</tr>

Answer 1

您应该使用v-model，或者您也可以在value道具前面使用:进行数据绑定。在您的情况下，在复选框的value中。

使用v-model

<input v-model="item.ai_no" type="checkbox">

使用数据绑定：

<input type="checkbox" name="box2" id="" :value="item.ai_no">

我说，使用v-model代替。

参见此https://jsfiddle.net/greenfoxx/pfb50zms/