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;
      } }