element-ui table selection的checkbox默认选择及保存

需求1:table组件的checkbox进行数据重显,默认显示已选中数据

// html
<Table ref="multipleTable" :data="dataArr" >
         <el-table-column type="selection" align="center"></el-table-column>
</Table>

// js

// table数据
let dataArr = [{name:'张三',id:1},{name:'李四',id:2}];

// 已选数据ID数组
let IDArr = [2];

// 复选
reselectFun(dataArr, IDArr ){
    this.$nextTick(function() {
        dataArr.forEach(row => {
            if (IDArr.includes(row.id)) {
                this.$refs.multipleTable.toggleRowSelection(row, true);
            }
        });
    });
}        

需求2:获取所有的选中数据

// 保存按钮
save(){
    // this.$refs.multipleTable.selection 获取所有选中的数据

    console.log(this.$refs.multipleTable.selection)
}

 

posted @ 2020-07-14 14:52  藏锋于己  阅读(3160)  评论(0编辑  收藏  举报