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 类似新增勾选数据之后 编辑回显勾选框