vue的checkbox多選框獲取其是否選中和獲取其自定義屬性值

1.第一種狀況點擊一個全選按鈕使下面的全部的checkbox多選框選中或取消選中。以下圖：

獲取這個多選框的選中仍是沒有選中的狀態

首先給這個全選的input多選框定義一個點擊事件，給點擊事件傳入參數$event,從$event裏面獲取這個checkbox 選中狀態true或false

 

2.第二種狀況是獲取循環生成的多個name相同的checkbox的一個多個選中的狀態。

首先在這些循環的父級元素加上一個ref="",來獲取父級元素

 而後根據這個ref來獲取全部的input多選框

得到的checkDom是一個數組，擁有數組的方法，循環查看有哪些是選中的

代碼中的checkDom[i].dataset.id是用來獲取input多選框自定義屬性data-id的值，好比這個data-id的值是肯定這一行信息的id值，用來刪除這一行

最後全部選中的input多選框的data-id的值多放在了idArray裏面了。