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