12-el-checkbox復選框和文字單獨的事件

需求： 點擊列表中文字是文字的click事件，復選框是復選框的事件

核心代碼：

---

 完整需求：點擊全選全選所有的，復選框選擇后的數據會被收集到checkedArr這個數組中，進行批量下載；文件的點擊事件根據文件類型去預覽或者下載

 需求分析：設計稿的全選並不是element的樣子：

 思路：我們可以把element的那個復選框通過樣式調整到寬和高與設計稿的按鈕同大小，並且定位到和設計稿的按鈕重合，並且透明度調為0，這樣，我們就還可以用element復選框的change事件。

實現代碼：

 

// 按鈕樣式 .opt { position: relative; .elCheckBox { position: absolute; left: 0; top: -10px; opacity: 0;
      } ::v-deep .el-checkbox__inner { width: 90px; height: 32px;
      } }