在获取列表页面数据时,通过forEach遍历存储数据的对象,给对象中添加一个selected变量,值为布尔值。

vue-实现全选单选 随笔 第1张

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

点击全选时,通过遍历将对象中selected的布尔值改变

vue-实现全选单选 随笔 第2张

vue-实现全选单选 随笔 第3张

点击单选时,被点中的通过筛选加入到新数组中,通过对比新数组和老数组控制全选是否被选中

vue-实现全选单选 随笔 第4张

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄