element el-table 类似新增勾选数据之后 编辑回显勾选框

Posted 落幕

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element el-table 类似新增勾选数据之后 编辑回显勾选框相关的知识,希望对你有一定的参考价值。

解决el-table 中table表勾选回显问题

解决思路:

1.先根据要求获取对应的所有的数据

2.跟后台进行协商,获取一个不同的表示,根据此表示进行判断 即可

eg:

this.data 是从后台获取的数据,对此数据进行判断循环

this.data.forEach((item)=>

  使用this.$nextTick 是为了延迟进行数据的勾选,要保证table表格数据先进行渲染完后再进行渲染对应的表格勾选数据的回显

  this,$nextTick(()=>

    协商值进行判断

    if(item.协商值  来判断 【如果协商值 a不为0】  item.a !=0

      mutipleTable是el-table 是表格中  ref="multipleTable",toggleRowSelcetion是回显的函数的,必须是这个函数, 下方的语句的意思是,当判断值符合的情况下,把mutipleTable中符合的值通过 toggleRowSelcetion函数进行复制真/true

      this,$refs.mutipleTable,toggleRowSelcetion(item,true);

    

  )

)

 

以上是关于element el-table 类似新增勾选数据之后 编辑回显勾选框的主要内容,如果未能解决你的问题,请参考以下文章

element el-table 类似新增勾选数据之后 编辑回显勾选框

element el-table 类似新增勾选数据之后 编辑回显勾选框

element el-table 类似新增勾选数据之后 编辑回显勾选框

element el-table 类似新增勾选数据之后 编辑回显勾选框

web前端-Vue element UI中的el-table勾选框 展示隐藏;设置默认勾选禁用

element-ui中el-table多层数组渲染问题