- 33
- 0
表格最多也就50条数据,为什么每次切换表格的时候会卡顿两秒左右?如果表格十多条数据就不会卡。如何改进一下
<el-table :data="curr_data" height="700px" key='setTable' @selection-change="handleSelectionChange" v-else-if='type=="set"' >
<el-table-column type='selection' fixed></el-table-column>
<el-table-column v-if='isShowband()'
prop="band"
label="band"
width="100"
:filters="[{ text: '', value: '' }, { text: 'bandA', value: 'bandA' }]"
:filter-method="filterTag"
filter-placement="bottom-end">
<template slot-scope="scope">
<el-tag disable-transitions>{{scope.row.band}}</el-tag>
</template>
</el-table-column>
<el-table-column prop="name" label="name" >
</el-table-column>
<el-table-column label="value" >
<template slot-scope="scope">
<el-select v-if='scope.row.type==7&&scope.row.enum!=-1' v-model="scope.row.dataValue" @change='changeSelect()'>
<el-option
v-for="(item,index) in enumArr[scope.row.enum]"
:key="item"
:label="item"
:value="index">
</el-option>
</el-select>
<el-input v-model="scope.row.dataValue" v-else></el-input>
</template>
</el-table-column>
<el-table-column prop="unit" >
</el-table-column>
<el-table-column >
<template slot-scope="scope">
<span v-if='scope.row.error=="0"' style='color:green '>Success</span>
<span v-else-if='scope.row.error==" "'></span>
<span v-else style='color:red '>Error</span>
</template>
</el-table-column>
</el-table> 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
零负荷的放任 普通会员 1楼
Element UI 中表格卡顿的问题可能有很多原因,以下是一些常见的可能的原因:
-
数据量过大:如果表格的数据量非常大,可能会导致表格中的数据加载速度变慢,从而导致卡顿。可以考虑使用分页加载数据或者使用懒加载技术。
-
网络问题:如果网络环境较差,可能会导致表格加载速度变慢。可以尝试优化网络环境,例如关闭不必要的网络请求,或者使用网络加速工具。
-
HTML、CSS、JavaScript代码:如果代码中有大量的嵌套、重复、不必要的计算或者特效,也可能会导致表格卡顿。可以尝试优化代码,例如减少代码嵌套,避免重复计算,减少不必要的特效等。
-
其他因素:除了上述因素外,还有其他一些因素可能会影响表格的加载速度,例如服务器性能、浏览器性能、页面渲染时间等。可以尝试优化服务器性能,例如提高服务器的处理能力,优化页面渲染时间等。
-
其他库:如果使用了其他库,也可能会导致表格卡顿。例如,如果使用了轮询等库,可能会导致表格加载速度变慢。可以尝试使用懒加载或者其他更高效的方法。
在解决表格卡顿问题时,需要根据具体情况进行分析和处理。如果以上方法都不能解决问题,可能需要寻求专业的前端开发团队的帮助。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

