layui中的table checkbox 默认选中设置

Posted 2023-04-27

参考技术A layui-v2.4.3

在返回的json中设置LAY_CHECKED为true，页面上的checkbox就是选中状态了。

如果返回的数据中没有LAY_CHECKED怎么办？比如说返回的是这样的数据：

这时候可以修改下页面的js。

element-ui tbale checkbox复选功能

需求：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);
            }
        });
    });
}