鍍金池/ 問答/HTML/ vue表格多選刪除,checkbox選中狀態(tài)遺留給下一行怎么解決的?

vue表格多選刪除,checkbox選中狀態(tài)遺留給下一行怎么解決的?

clipboard.png
選中name和note,點(diǎn)刪除
clipboard.png
結(jié)果checkbox選中狀態(tài)還在

checkbox里面value值就是數(shù)據(jù)序號

<td><input type="checkbox" :value="index"></td>
var $chbs = $('#dataset_table tbody tr').find('input:checkbox:checked');
for (var i = $chbs.length - 1; i >= 0; i--) {
    var idx = $chbs[i].value;
    diModel.remainder.push(diModel.resultField[idx]);
    diModel.resultField.splice(idx, 1);
}
回答
編輯回答
孤慣

value不要用index,或者刪除完之后清空上一次選中的數(shù)據(jù)

2018年6月23日 03:29
編輯回答
瘋子范

緊接著刪除之后,添加一句:obj[i].checked = false;

2017年8月24日 10:09
編輯回答
來守候

都使用Vue了,就別使用jQuery了,數(shù)據(jù)雙向綁定,簡潔且易操作。

2017年10月28日 09:28