1.通過change點擊事件監(jiān)聽id
<a-list-item slot="renderItem" slot-scope="item">
<!-- 復(fù)選框 -->
<a-checkbox :checked="item.done" @change="(e) => {cbStatusChanged(e, item.id)}">{{item.info}}</a-checkbox>
</a-list-item>
2.構(gòu)造對象并傳給store
// 復(fù)選框
cbStatusChanged (e, id) {
// console.log(e.target.checked)
// console.log(id)
const param = {
id: id,
status: e.target.checked
}
this.$store.commit('changeStatus', param)
},
3.在moutaitions中修改list數(shù)組的done狀態(tài)
moutaitions:{
// 復(fù)選框選擇
changeStatus (state, param) {
const i = state.list.findIndex(x => x.id === param.id)
if (i !== -1) {
state.list[i].done = param.status
}
}
}
