element-ui表格全选数据保存 完美解决

不要贪恋没意义的人和事,拎着垃圾的手怎么腾地出来接礼物。

这种情况下分页的话数据也会保存

表格是这个样子的 具有复选框的表格
el-table 上面的这几个属性必须得有

 :row-key="getRowKeys" @selection-change="handleSelectionChange" tooltip-effect="dark"
     <el-table  @sort-change='sortChange' :data="tableData" :row-key="getRowKeys" @selection-change="handleSelectionChange" tooltip-effect="dark" border>
         <el-table-column type="selection" :reserve-selection="true" prop="id" align="center" width="80"></el-table-column>
          <el-table-column align="center" center prop="cover" width="150" label="名称"></el-table-column>

           <el-table-column align="center" prop="price" label="课程价格" width="150" sortable='custom'></el-table-column>
           <el-table-column align="center" prop="mtime" label="上架状态" width="100"></el-table-column>
           <el-table-column align="center" prop="utime" label="编辑时间" width="250" sortable='custom'></el-table-column>
       </el-table>

data() {
    return {
         getRowKeys(row) {
           return row.id;
         },
         ids: [], // 保存id
    }
}
methods: {
                // 复选框
            handleSelectionChange(val) {
                this.ids = [];
                val.forEach(ele => {
                    this.ids.push(ele['id'])
                });
            },
}

在最后附上我的QQ: 2489757828 有问题的话可以找我一同探讨

我的github: 李大玄

我的私人博客: 李大玄

我的简书: 李大玄

我的CSDN: 李大玄

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容