element-UI表格中多选框回显默认选中

首先举例进行分析。我这块是有检查项,检查组,套餐等,一个检查组包括多个检查项,一个套餐又包括多个检查组,在做检查组和套餐的修改时,需要对所包含的多个检查项或者多个检查组进行数据回显再进行修改,如下图所示:

element-UI表格中多选框回显默认选中_第1张图片

element-UI表格中多选框回显默认选中_第2张图片 

以检查组的回显为例进行说明:

需要通过检查组的id包含的检查项的id,这个是后端接口实现的,定义一个数组保存该id,然后具体实现如图:

element-UI表格中多选框回显默认选中_第3张图片

 element-UI表格中多选框回显默认选中_第4张图片

arr是保存了所有检查项的数组,也就是上图中检查项信息中的数据,通过循环,判断两个id是否相同 相同则选中,即实现了回显。

需要注意的是该方法可能是异步进行的,所以需要将id对比的代码写到回显id查询的代码逻辑内部,以保证两个数组都有值。

你可能感兴趣的:(java)