虚拟滚动插件

官方文档：el-table-virtual-scroll

虚拟滚动主要是当表格数据量过多时，dom渲染过慢，使用这个插件可以明显的提升页面中表格的渲染速度。在使用的过程中，用到了其中的虚拟滚动和合并单元行。

第一个注意点就是，它锁定中间包裹组件名为<el-table>,使用其他的二次包装组件或者其他同类型的table组件会发生错误。如果使用的是二次封装的el-table组件，可以在全局组件中找到它，并对其锁定条件进行修改。

在一个js文件中，找到大约在800行的位置添加如下图所示的二次封装组件名即可避免第一波闭门羹。

第二点 虚拟滚动

可以直接查看官方文档的演示源代码，这里用案例做例子。

 在column配置外一定要加上<virtual-scroll>，该组件的导入在git文档上有，就不列举了。

import VirtualScroll from "el-table-virtual-scroll";

下面这行是这个插件的核心功能，将虚拟数据渲染到当前显示的视图里，如果需要改动数据渲染效果，重写一下change方法就可以了。@change = "change"

change(vir){

        this.tableData = vir + 1//诸如此类效果

}

 第三点 合并行

 getRowSpanKey (row) { return row.cate },将需要以cate为基准的column项属性返回给rowspankey属性即可，下面的spanmethod方法是用来具体合并单元格的方法，这部可以使用自己的合并方法，不一定要和文档上的相同（但它会有冲突，选择一种即可）