<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue复选框的全选</title>
</head>
<body>
<div
}
],
sportsIds: [1, 3, 4],
isCheckAll: false
},
methods: {
checkAll: function() {
this.isCheckAll = !this.isCheckAll;
if (this.isCheckAll) {
this.sportsIds = []
for (var i = 0; i < this.sports.length; i++) {
this.sportsIds.push(this.sports[i].id);
}
} else {
this.sportsIds = []
}
console.log(this.sportsIds.length)
},
checkOne: function(sportsId) {
let idindex = this.sports.indexOf(sportsId);
if (idindex > 0) {
//如果以包含了该id,则去除(变为非选中状态)
this.sportsIds.splice(idindex, 1);
} else {
this.sportsIds.push(sportsId);
}
}
}
})
</script>
</body>
</html>
相关文章：