checkbox全选 element_element checkbox怎么实现全选

你是问底层原理还是代码实现？

原理是双向绑定，代码实现官方有示例。

全选

{{city}}

const cityOptions = ['上海', '北京', '广州', '深圳'];

export default {

data() {

return {

checkAll: false,

checkedCities: ['上海', '北京'],

cities: cityOptions,

isIndeterminate: true

};

},

methods: {

handleCheckAllChange(val) {

this.checkedCities = val ? cityOptions : [];

this.isIndeterminate = false;

},

handleCheckedCitiesChange(value) {

let checkedCount = value.length;

this.checkAll = checkedCount === this.cities.length;

this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length;

}

}

};