使用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>
1 2 3 4 5 6 7 | that.selectionKeys.forEach(key => { that.discountList.forEach(row => { if (row.id== key.id) { that.$refs.multipleTable.toggleRowSelection(row, true ); } }) }) //这段只是具体逻辑,不包含获取数据 selectionKeys是需要回显的已选中选项,discountList是整个列表的数据 |
之前根据以上代码,就可以实现回显,但是这次没有,还报了一个错,报错如下
找了一下原因,这个回显是一个弹框,我在刚进页面就走了这部分逻辑,相当于在请求接口的时候,Dom还未创建。因此报错。所以以后再回显数据的时候,需要先创建好Dom,在进行数据请求回显
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」