自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 el-table中每行嵌套的el-dialog

欸,感觉这个问题还挺基础的。而一开始未能及时排查出重复渲染问题的原因是,虽然重复渲染了多次dialog,但每个dialog所绑定的开启事件和关闭事件是完全相同的,打开和关闭dialog过程中除了加载略卡,其他并无异样。项目中dialog需要渲染的是每种原油的70多种属性的数据,el-table负责对多种原油的属性数据进行渲染,在点击详情后弹出dialog展示对应油种的属性数据。可以看到,el-table底层的逻辑是将待渲染的列表遍历一遍,同时column内的template中所有的元素会被遍历渲染。

2023-06-23 15:50:08 852

原创 elementui el-table中每行嵌套的el-dialog的scope取值bug

在el-table中的每行放了一个按钮触发el-dialog对话框,对话框里显示的是一个属性和值的子表格,子表格绑定数组listDataCopy[scope.$index],即每行的对话框显示的均为二维数组listDataCopy对应行索引的元素。问题分析:这边为了测试,在el-dialog内外绑定了多个scope.$index看能不能取到正确的每行的索引值,发现el-dialog标签内的所有index均取值错误(即每行均显示listDataCopy数组末位元素),标签外的均能正常取到。

2023-01-08 18:46:35 1501 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除