定义和用法
every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。
every() 方法使用指定函数检测数组中的所有元素:
如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。如果所有元素都满足条件,则返回 true。
- 注意: every() 不会对空数组进行检测。
- 注意: every() 不会改变原始数组。
this.checkAll = this.list.every(item=>item.check);
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Vue</title>
<script src='https://cdn.jsdelivr.net/npm/vue/dist/vue.js'></script>
</head>
<body>
<div id="app">
<input type="checkbox" v-model="checkAll" @change="checkAllChange">全选
<div v-for="(item,i) in list">
<input type="checkbox" v-model="item.check" @change="checkChange">选择项{{item.id}}</br>
</div>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
checkAll:false,
list:[
{
id:1,
check:false
},
{
id:2,
check:true
},
{
id:3,
check:false
},
],
},
methods: {
checkAllChange(){
this.list.forEach(item=>{item.check = this.checkAll});
},
checkChange(){
this.checkAll = this.list.every(item=>item.check);
}
}
});
</script>
</body>
</html>