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

使用element-ui中的el-table回显已选中数据时toggleRowSelection报错

最近在写一个后台,需要在表格中多选,然后点击编辑按钮的时候,需要回显已经选中的表单项

<el-table v-loading="loading" :data="discountList" :row-key="(row) => row.id"  ref='multipleTable' @selection-change="handleSelectionChange"><el-table-column type="selection"  width="55" :reserve-selection="true" ></el-table-column><el-table-column property="title" label="名称" width="150"></el-table-column></el-table>
 that.selectionKeys.forEach(key => {that.discountList.forEach(row => {if (row.id== key.id) {that.$refs.multipleTable.toggleRowSelection(row, true);}})})//这段只是具体逻辑,不包含获取数据 selectionKeys是需要回显的已选中选项,discountList是整个列表的数据

  之前根据以上代码,就可以实现回显,但是这次没有,还报了一个错,报错如下

找了一下原因,这个回显是一个弹框,我在刚进页面就走了这部分逻辑,相当于在请求接口的时候,Dom还未创建。因此报错。所以以后再回显数据的时候,需要先创建好Dom,在进行数据请求回显

http://www.lryc.cn/news/156157.html

相关文章:

  • Ubuntu18.04系统下通过ROS控制Kinova真实机械臂-多种实现方式
  • 聊聊如何玩转spring-boot-admin
  • rocky(centos) 安装redis,并设置开机自启动
  • Flask狼书笔记 | 06_电子邮件
  • ChatGPT追祖寻宗:GPT-1论文要点解读
  • 回归拟合 | 灰狼算法优化核极限学习机(GWO-KELM)MATLAB实现
  • Mysql JSON
  • 使用Vue + axios实现图片上传,轻松又简单
  • C# 中什么是重写(子类改写父类方法)
  • 【Leetcode-面试经典150题-day22】
  • LDAP服务器如何重启
  • AP51656 LED车灯电源驱动IC 兼容替代PT4115 PT4205 PWM和线性调光
  • 浅析安防视频监控平台EasyCVR视频融合平台接入大量设备后是如何维持负载均衡的
  • SIEM 中不同类型日志监控及分析
  • 【java基础复习】java中的数组在内存中是如何存储的?
  • MySQL数据库 MHA高可用
  • leetcode669. 修剪二叉搜索树(java)
  • 计算机网络的故事——确认访问用户身份的认证
  • C#禁用或启用任务管理器
  • 【Redis】NoSQL之Redis的配置及优化
  • 【数据库】如何利用Python中的petl将PostgreSQL中所有表的外键删除,迁移数据,再重建外键
  • Si24R2F+畜牧 耳标测体温开发资料
  • 阿里云服务器退款流程_退订入口_到账时间说明
  • 自然语言处理实战项目17-基于多种NLP模型的诈骗电话识别方法研究与应用实战
  • 安全错误攻击
  • ELK安装、部署、调试 (八)logstash配置语法详解
  • SPI协议
  • 机器学习算法系列————决策树(二)
  • ACM中的数论
  • 我的创作纪念日 —— 一年之期