Как я могу поставить значение элемента 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/