table vue 禁用全选_vue.js实现复选框全选和全取消的功能

实现代码：

demo

全选：

{{checked}}

多个复选框：

uuihoo

Google

taobao

选择的值为:{{checkedNames}}

new Vue({

el: '#app',

data: {

checked: false,

checkedNames: [],

checkedArr: ["uuihoo", "alibaba", "Google"]

},

methods: {

changeAllChecked: function() {

if (this.checked) {

this.checkedNames = this.checkedArr

} else {

this.checkedNames = []

}

}

},

watch: {

"checkedNames": function() {

if (this.checkedNames.length != this.checkedArr.length) {

this.checked = false

} else {

this.checked = true

}

}

}

})

实现效果图：

本文来源于网络：查看 >https://blog.csdn.net/uuihoo/article/details/79569605