!9 fix: 全选更新无效

Merge pull request !9 from xlzy520/master
This commit is contained in:
小诺 2021-02-11 19:32:22 +08:00 committed by Gitee
commit 2b852ab3db
2 changed files with 8 additions and 4 deletions

View File

@ -9,7 +9,7 @@
<a-divider />
<div class="ant-checkbox-group">
<div>
<draggable v-model="columnsSetting" animation="300" @end="dragEnd">
<draggable v-model="columnsSetting" animation="300" @end="emitColumnChange">
<div class="s-tool-column-item" v-for="item in columnsSetting" :key="item.title">
<div class="s-tool-column-handle" >
<a-icon type="more"/>
@ -48,12 +48,13 @@
this.columnsSetting = this.originColumns
this.indeterminate = false
this.checkAll = true
this.emitColumnChange()
},
onChange() {
const checkedList = this.columnsSetting.filter(value => value.checked)
this.indeterminate = !!checkedList.length && checkedList.length < this.columnsSetting.length
this.checkAll = checkedList.length === this.columnsSetting.length
this.$emit('columnChange', this.columnsSetting)
this.emitColumnChange()
},
onCheckAllChange(e) {
const val = e.target.checked
@ -62,8 +63,9 @@
checkAll: val,
columnsSetting: this.columns.map(value => ({ ...value, checked: val }))
})
this.emitColumnChange()
},
dragEnd() {
emitColumnChange() {
this.$emit('columnChange', this.columnsSetting)
}
},

View File

@ -20,7 +20,8 @@ export default {
localDataSource: [],
localPagination: Object.assign({}, this.pagination),
isFullscreen: false,
customSize: this.size
customSize: this.size,
columnsSetting: []
}
},
props: Object.assign({}, T.props, {
@ -292,6 +293,7 @@ export default {
) */
},
columnChange(val) {
console.log(val)
this.columnsSetting = val
},
renderHeader () {