当前位置: 首页 > news >正文

Debug-037-table列表勾选回显方案

效果展示:

图1

图2

最近实现一个支持勾选的el-table可以回显之前勾选项的功能。实现了一个“编辑”的功能:

        在图1中的列表中有三行数据,当点击“更换设备”按钮时,打开抽屉显示el-table组件如图2所示,可以直接回显勾选上图1的上个对应的3行数据。

        当我们重新勾选图2中的其他三行,做更新操作时,点击确认关闭弹窗,图1的列表数据会更新。再次打开抽屉,初始化会重新勾选3行新数据。

思路:主要是利用了elementUI-plus中el-table组件的一个方法:toggleRowSelection

        

row:表示列表中的某一行(注意是完整的一行数据,必须一致,不能错)

selected:true表示勾选 | false表示取消勾选

具体过程不在多说,这里只做记录,各位可以下去尝试一下即可。

补充:

对于图2中的被勾选上但是置灰的列表选项,是根据el-table中的另一个很有用的属性:

相关文章:

  • jar包代码混淆
  • 【嵌入式】C语言中malloc()和calloc()的区别
  • kotlin 内联函数 inline
  • Python编写服务监控程序
  • Unity Shader编程】之透明物体渲染
  • 第五: redis 安装 / find 查找目录
  • JVM常用概念之身份哈希码
  • Apache SeaTunnel脚本升级及参数调优实战
  • 指令系统(2017统考真题)
  • 人工智能在电子信息工程信号处理中的应用调研
  • 离线黑客攻击之绕过BIOS/EFI
  • openstack安装部署
  • docker-存储卷-网络
  • 游戏MOD伴随盗号风险,仿冒网站借“风灵月影”窃密【火绒企业版V2.0】
  • 存算分离是否真的有必要?从架构之争到 Doris 实战解析
  • INT202 Complexity of Algroithms 算法的复杂度 Pt.2 Search Algorithm 搜索算法
  • Error: The resource name must start with a letter
  • 代码随想录第55期训练营第七天|LeetCode454.四数相加II、383.赎金信、15.三数之和、18.四数之和
  • 基于javaweb的SSM+Maven宠物领养宠物商城流浪动物管理系统与实现(源码+文档+部署讲解)
  • 【PCIe 总线及设备入门学习专栏 3.2 -- PCIe 在进行大数据搬运时是如何组包的?】
  • 李干杰走访各民主党派中央和全国工商联机关
  • 巴称击落多架印度“阵风”战机,专家:小规模冲突巴空军战力不落下风
  • 潘功胜:将创设科技创新债券风险分担工具
  • 上海市政府党组会议传达学习习近平总书记重要讲话精神,部署抓好学习贯彻落实
  • 俄乌交换205名被俘人员,俄方人员已抵达白俄罗斯
  • 黄道炫:南京102天——黄镇球的防空日记