el-table数据回显?

作者站长头像
站长
· 阅读数 7

问题描述

项目中遇到一个el-table回显勾选的问题

问题出现的环境背景及自己尝试过哪些方法

vue2 + element-ui

相关代码

回显时使用的方法

echoData(){
  this.opeartionList.forEach(item=>{
    this.$nextTick(() => {
      if (this.form.cNameList.includes(item.id)) {
        this.$refs.tabOpRefOpear && this.$refs.tabOpRefOpear.toggleRowSelection(item);
      }
    });
  })
},

你期待的结果是什么?实际看到的错误信息又是什么?

回显不生效,没有报错,应该是这个方法有问题

回复
1个回答
avatar
test
2024-07-01

结合描述与代码来看,推测问题可能出在echoData方法调用的时机上以及nextTick写在了循环内.

echoData(){
  this.$nextTick(() => {
    this.opeartionList.forEach(item => {
      if (this.form.cNameList.includes(item.id)) {
        this.$refs.tabOpRefOpear && this.$refs.tabOpRefOpear.toggleRowSelection(item);
      }
    })
  })
}

确保你在处理回显时已经拿到cNameList数据及opeartionList数据.建议async & await 处理请求.

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容