• el-table中保留分页选中


    场景:对数据表格中数据进行选取,然后保存的数据操作。

    对于数据表格,貌似这种需求不是非常常用,对于小数据量来说,checkbox就已经能够足够满足我们的要求,但往往对于大数据量可能需要通过表格来实现选择。

    el-tableTable-column Attributes 中有这么一个属性:

    属性描述类型可选值默认值
    reserve-selection仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的数据(需指定 row-key)Booleanfalse

    不过需要指定行的key,我们可以在el-table上加上一个row-key属性来指定key

    最终代码如下

    
    
    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21

    下面提供分页多选且赋初始选中的方案

    
    
    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
  • 相关阅读:
    9.Java面向对象基础(上)
    【Redis底层解析】整数集合
    测试用例基础
    哈希表学习笔记
    运维小技能:centos安装宝塔
    leetcode386. 字典序排数(java)
    Ubuntu调整swap大小
    DGL安装教程
    电脑换cpu要重装系统吗
    【算法-贪心】无重叠区间-力扣 435 题
  • 原文地址:https://blog.csdn.net/jl15988/article/details/132605296