高宇辰

最近在使用Element的el-table表格组件时，发现一个问题，我的业务场景需要使用树形表格，并且使用懒加载的模式加载子级数据，但是使用Element自带的树形表格和懒加载功能，懒加载仅会在第一次展开时加载，后续会使用第一次缓存的数据，而不会重新加载，本篇文章提供了解决方案。首先，先看一下Element的el-table组件的相关代码：

我们都知道表单组件应该是后台管理系统中用得最多的组件，我们不可能每个业务都写一次表单，然后每一次修改都去各自业务中大幅修改，这样就可能导致代码重复率太高了，工作效率频频降低，所以我们需要封装起来，这样我们就可以复用，大大减少项目体积，方便项目的后期维护，提高前端娃的工作效率。由于我们使用表单都是直接使用UI组件库的组件，所以我们需要做二次封装，那么问题来了，二次封装表单组件我们需要考虑什么？话不多说，直接展示代码，以下代码可以直接使用： 接下来我来告诉大家怎么使用：

可以发现 .image-viewer_wrapper 类名的元素是预览图片的盒子 有设置z-index：2006 但是还是被其余表格列表元素遮挡 说明el-image 的父元素的层级不够高 可以遮挡前面列表的元素 但是后面列表的元素无法遮挡。废话不多说，直接上代码。