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

百菲流月

已于 2022-12-26 15:01:08 修改

阅读量3.1k

点赞数

文章标签： vue.js javascript 前端

于 2022-12-26 14:53:54 首次发布

本文链接：https://blog.csdn.net/qq_39250610/article/details/128444431

版权

一.安装

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"
>
  <u-table-column prop="index" align="center" type="index" label="序号" width="60px"></u-table-column>
  <u-table-column
    prop="City"
    align="center"
    label="市州"
    sortable
  ></u-table-column>
</u-table>