vue中两行代码实现全选及子选项全部选中,则全选按钮选中,反之有一个没选中,就取消选中全选按钮

时间:2024-09-22 21:05:50

every() 方法使用指定函数检测数组中的所有元素:

  • 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
  • 如果所有元素都满足条件,则返回 true。

逻辑是不是很熟悉跟

data: {
list: [
{ id: '0', name: '吃饭', done: true },
{ id: '1', name: '睡觉', done: true },
{ id: '2', name: '打豆豆', done: false }
]
}
computed : {
toggleAll : {
get () {
return this.list.every(v => v.completed)
},
set (val) {
this.list.map(v => v.completed = val)
}
}
}