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

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


      
      
 
 that.selectionKeys.forEach(key => {
      that.discountList.forEach(row => {
       			if (row.id== key.id) {
       				that.$refs.multipleTable.toggleRowSelection(row, true);
       			}
       	})
  })//这段只是具体逻辑,不包含获取数据 selectionKeys是需要回显的已选中选项,discountList是整个列表的数据

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

使用element-ui中的el-table回显已选中数据时toggleRowSelection报错_第1张图片

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

你可能感兴趣的:(ui,vue.js,elementui,javascript,前端)