vue中element 的 el-table数据量大时，出现卡顿情况解决办法

一.安装 npm install umy-ui

二.引入js和css

import 'umy-ui/lib/theme-chalk/index.css';// 引入样式

import { UTable, UTableColumn } from 'umy-ui';

Vue.use(UTable);

Vue.use(UTableColumn);

三.代码片段

<u-table
      :data="skData"
      size="mini"
      ref="reportTable"
      use-virtual
      :row-height="30"
      border
      :max-height="440"
      :header-cell-style="setHeaderCellStyle"
    >
      <u-table-column prop="index" align="center" type="index" label="序号" width="60px"></u-table-column>
      <u-table-column
        prop="City"
        align="center"
        label="市州"
        sortable
        :sort-method="(a,b)=>{return a.City - b.City}"
      ></u-table-column>
</u-table>