1、列表全选:当其中有一个没有选中时全选取消
数组filter
用法温习:filter
过滤满足条件的数组,并返回满足的条件的数组
法1:
var n = this.list.filter(item=> {
return item.check == true;
}).length;
n == this.list.length ? this.checkAll = true : this.checkAll = false;
法2:
this.checkAll = this.list.every(item=> { // 每个条件都满足就返回true 只要有一个不满足就返回false
return item.check
})
利用filter代码简写 删除满足条件的一个数组元素
var arr = [{ name: 'Lily', age: '01' }, { name: 'Lucy', age: '02' }]
// arr.forEach((item, index) => {
// if (item.name === 'Lily') {
// arr.splice(index, 1)
// }
// })
// console.log(arr)
arr = arr.filter(item => item.name !== 'Lily')
2、全选按钮 当点击全选时所有列的状态和它一样,即用foreach改变每列的选中状态等于全选状态
checkAll: false, // 全选状态
this.list.forEach(item=>{
item.check = this.checkAll
})
网友评论