1.在vxetable中配置toggleMethod,该方法是在展开配置行或者关闭之间调用
<vxe-table :data="blockList" :expand-config="{labelField: 'more', expandAll: true, expandRowClick: true, toggleMethod: toggleExpandMethod,}" ref="tableRef1" >
2.在data中设置变量randomNum和counter,在toggleMethod的方法中修改该值
toggleExpandMethod(){
this.randomNum = this.generateUniqueId()
return true
},
generateUniqueId() {
const timestamp = Date.now();
this.counter++; // 每次调用递增
return `${timestamp}${this.counter}`;
},
3.在watch中监测randomNum,调用表格的refreshColumn方法刷新列配置
watch: {
randomNum(newVal, oldVal) {
this.$refs.tableRef1.refreshColumn()
},
},