当前位置: 首页 > 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中的另一个很有用的属性:

http://www.dtcms.com/a/82232.html

相关文章:

  • 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 在进行大数据搬运时是如何组包的?】
  • 【STM32实物】基于STM32的太阳能充电宝设计
  • Android adb调试应用程序
  • 【时时三省】(C语言基础)习题2 scanf函数
  • 在Springboot中集成unihttp后应用无法启动的解决办法
  • IoTDB TTL不生效
  • 3月21日星期五今日早报简报微语报早读
  • 精密校平机:工业制造的精度之源
  • mac上安装nvm及nvm的基本语法使用!!
  • 安装CentOS7
  • 在Linux系统安装Ollama两种方法:自动安装和手动安装,并配置自启动服务