最近在写一个后台，需要在表格中多选，然后点击编辑按钮的时候，需要回显已经选中的表单项
<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是整个列表的数据
之前根据以上代码，就可以实现回显，但是这次没有，还报了一个错，报错如下
文章来源：https://www.toymoban.com/news/detail-695625.html
找了一下原因，这个回显是一个弹框，我在刚进页面就走了这部分逻辑，相当于在请求接口的时候，Dom还未创建。因此报错。所以以后再回显数据的时候，需要先创建好Dom，在进行数据请求回显文章来源地址https://www.toymoban.com/news/detail-695625.html
到了这里，关于使用element-ui中的el-table回显已选中数据时toggleRowSelection报错的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
