案例 — checked 多选
最后更新于:2022-04-02 08:07:06
>[success] # checked 多选单选使用
~~~
1.当点击多选的时候会先触发click 事件在触发v-model
~~~
>[danger] ##### html
~~~
取消选择
~~~
>[danger] ##### data
~~~
checkList: [],// 单选框
checked: false,// 全选状态
~~~
>[danger] ##### methods
~~~
// 取消所有checked 框
offchecked: function () {
this.checkList = [];
},
// 全选 框点击
checkedAll: function () {
if (this.checked) { //实现反选
this.checkList = [];
} else {
this.checkList = [];
for (var i = 0; i < this.fanList.length; i++) {
this.checkList.push(this.fanList[i].OpenID);
}
}
},
// 在watch 监听,当前选择框中的数据,是否等于所有数据,等于择全选框被选中
watch: {
checkList(newVal, oldVal) {
if (newVal.length == this.fanList.length) {
this.checked = true
} else {
this.checked = false
}
},
},
~~~
';