将较大的数组赋值<el-table></el-table>时,会导致页面卡顿,甚至崩溃

遇到的问题:将长度为40的赋值,我发现loading没有效果,后面发现是页面卡住了,loading直接没有出现。

官网:http://www.umyui.com/umycomponent/installation

安装:npm i umy-ui

全局注册:

import UmyUi from 'umy-ui'
import 'umy-ui/lib/theme-chalk/index.';// 引入样式
import App from './App.vue';

Vue.use(UmyUi);
     
  1. 将el-table换为u-table
  2. 将el-table-column换为u-table-column
  3. 给el-table加属性height,给一个固定高可以解决卡顿问题
  4. 再加一个use-virtual属性,虚拟dom

现在添加3000条数据也不会导致页面卡顿,大爱 umy-ui ,我时间看看官网。

给TA打赏
共{{data.count}}人
人已打赏
前端

JSX、TSX 整体理解

2023-11-18 14:07:09

前端

记录--alova组件使用方法(区别axios)

2023-11-18 14:07:12

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索