• 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
  • 相关阅读:
    PCL 点云库的安装和使用(win系统)
    小程序商城框架源码 小程序源码带前端+后台+数据库
    掌握递归调用栈思想 由浅入深研究递归
    MyBatis逆向工程和分页插件
    I2C总线协议
    Maven的安装与配置以及注意事项
    JWT 使用入门(二)token有效期
    痛心:实验室服务器被黑挖矿怎么办?
    【946. 验证栈序列】
    基于51单片机直流电机PWM控制器设计
  • 原文地址:https://blog.csdn.net/jl15988/article/details/132605296