ヴァントのチェックボックスをループします。効果は次のとおりです。
最初は、チェックボックスの戻りリストからどの値をバインドする必要があるのかわかりませんでした。何気なくバインドすると、すべて選択されるか、すべて選択されないかのどちらかになり、1つずつ制御できなくなります。
実装コード:要素[オブジェクト属性が使用されていない場合は未定義]
<van-swipe-cell v-for="(item, index) in dataList" :key="index">
<van-row style="display: flex; align-items: center">
<van-col span="4" style="display: flex; justify-content: center">
<van-checkbox
v-model="item.checked"
@click="rowChange"
></van-checkbox>
</van-col>
<van-col span="20">
<van-cell
:border="true"
:title="item.rolL_PLAN_NO"
:value="item.count"
/>
</van-col>
</van-row>
返されるリストは次のとおりです。チェックされた属性がない
ことがわかります。vueデバッグツールを使用すると、次のことがわかります。