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

【element-ui el-table】多选表格勾选时默认勾选了全部,row-key绑定异常问题解决

项目场景:

Element-UI的el-table组件row-key使用问题

同一个页面使用了几个table,这几个table都使用了多选,row-key属性,其中row-key的绑定方式都是用的静态绑定,row-key=“username”或row-key=“id”,可正常使用,后来升级了node、vue、element-ui plus版本等。。


问题描述

版本升级后出现了勾选table时,默认全部勾选了

因为该页面有好几个table,只有一个table出现了勾选一个全都勾选上了,写法都一致(都是静态绑定)但有的会有问题。


原因分析:

分析静态绑定的属性可能与prop有关联,绑定未生效的属性没有被prop展示:

就是说可正常勾选的表格,在使用row-key=“username”静态绑定的属性,在表格中有使用prop展示username字段,而勾选异常的表格,属性row-key=“id”没有使用prop展示id字段。
不同版本的 Element UI 对 row-key 的容错处理可能不同,低版本可能直接报错,高版本可能静默失败。


解决方案:

使用动态绑定:row-key=“id”:

使用动态绑定时:row-key=“id”,可以正常勾选。


结论

当表格中没有使用prop展示某个字段,但还需要绑定该字段到row-key上时,使用动态绑定。

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

相关文章:

  • EasyMan 数字人服务全面焕新,交互型AI数字人助推孪生体验全新升级
  • 等保2.0详解:筑牢数字时代安全基石
  • 【GIT】基础知识及基本应用
  • 如何加固Endpoint Central服务器的安全?(上)
  • Linux驱动-中断-共享队列
  • 【size_t 类型转换】ans = max(ans, (int)occ.size());
  • 公司内部网址怎么在外网打开?如何让外网访问内网的网站呢?
  • qtbase5-dev库使用介绍
  • 5.6 指令流水线 (答案见原书 P267)
  • windows10设置了软件开机自启,为啥不自启动
  • iOS 抓包工具有哪些?场景导向下的工具推荐与实战对比
  • Vue3 面试题及详细答案120道(16-30 )
  • SonarQube+Git
  • Dify-13: 文本生成API端点
  • 使用mybatis实现模糊查询和精准查询切换的功能
  • Cy3-NH2 花菁染料Cy3-氨基,星戈瑞
  • CMOS知识点 物理气相沉积
  • ECMAScript(简称 ES)和 JavaScript 的关系
  • Qt文件操作:读写文件的各种方法
  • 如何安装没有install.exe的mysql数据库文件
  • uniapp打开导航软件并定位到目标位置的实现
  • k8s:离线部署tomcatV11.0.9,报Cannot find /opt/bitnami/tomcat/bin/setclasspath.sh
  • docker pull 用法
  • WebAssembly浏览器指纹识别技术——实验评估与应用展望(下篇)
  • el-input 动态获焦
  • 11.【C语言学习笔记】指针(三)(回调函数、qsort排序函数、sizeof关键字和strlen函数)
  • 2025年7月中科院一区-向光生长优化算法Phototropic growth algorithm-附Matlab免费代码
  • 【文献笔记】From words to routes: Applying large language models to vehicle routing
  • 嵌入式学习的第三十三天-进程间通信-UDP
  • SciTE(Scintilla Text Editor)的配置文件多个详解笔记250722