vue-vben-admin table或者页面内容稍微多一点的时候 table的reload有明显卡顿延迟

xggvc2p6  于 2023-02-04  发布在  其他
关注(0)|答案(6)|浏览(747)

1.这个在线上的demo 系统管理-账号管理能够明显体验出。点击查询后在控制台network里面并没立即请求接口,至少延迟了有1秒多。在系统管理-菜单管理更是延迟有3-4秒。
2.在系统管理-角色管理页面点击查询请求接口速度就会快一些,但还是有略微延迟

初步排查发现是table的table/hooks/src/useDatasource.ts 的fetch方法中调用了setLoading(),去掉setLoading就会0延迟立即执行,怀疑是setLoading阻塞了执行

vqlkdk9b

vqlkdk9b1#

1、线上演示站点不会在network中出现网络日志,因为是内部mock数据。你所描述的第一条我没有理解到底是什么意思;
2、我在线上演示站点或者本地跑yarn serve测试,都没有重现你所描述的延迟问题

a6b3iqyw

a6b3iqyw2#

1、线上演示站点不会在network中出现网络日志,因为是内部mock数据。你所描述的第一条我没有理解到底是什么意思;
2、我在线上演示站点或者本地跑yarn serve测试,都没有重现你所描述的延迟问题

抱歉 我说错了 是本地开发会有这个问题 线上打包没有问题 麻烦再帮忙看一下

cnjp1d6j

cnjp1d6j3#

1、线上演示站点不会在network中出现网络日志,因为是内部mock数据。你所描述的第一条我没有理解到底是什么意思;
2、我在线上演示站点或者本地跑yarn serve测试,都没有重现你所描述的延迟问题

抱歉 我说错了 是本地开发会有这个问题 线上打包没有问题 麻烦再帮忙看一下

1、线上演示站点不会在network中出现网络日志,因为是内部mock数据。你所描述的第一条我没有理解到底是什么意思;
2、我在线上演示站点或者本地跑yarn serve测试,都没有重现你所描述的延迟问题

本地运行在菜单管理页面 这个延迟非常明显,点击查询按钮后至少4-5秒才会出现loading效果(loading后紧接着就是请求api),所以从点击查询到network出现请求要延迟4-5秒

wnavrhmk

wnavrhmk4#

本地vite未能重现你所说的延迟数秒的情况。如果你的开发环境确实有此情况,请在生产环境下再测试是否仍然有此问题。

crcmnpdw

crcmnpdw5#

本地vite未能重现你所说的延迟数秒的情况。如果你的开发环境确实有此情况,请在生产环境下再测试是否仍然有此问题。

打包出来仍然有这个问题,只是没那么明显。我又仔细测了
1.通过发布的版本下载2.7.1版本卡顿真的太明显,如果直接拉取github下的最新代码,这个卡顿效果会有缓解,如果不是之前发现过这个bug,估计很多人就没在意,但是还是非常影响使用
2.给人的感觉就是那种页面响应效果不跟手(点击)的这种感觉,其实线上预览版本菜单管理页面,对比账号管理页面的点击查询,还是有一个延迟,只是不细心观察可能感觉不出来,但是还是会有不跟手的感觉。
3.我鼠标点击是有声音的 ,就线上的预览版,在菜单管理页面 我鼠标点击声响完才能看见表格的loading表格,而在账号管理页面,鼠标响的过程中,页面loading效果就出来了
4.这种组件级别的bug我觉得影响还是比较大,但是你那边测不出来就很伤感啊
5.我的测试环境是2018款macbook pro和小米的一款性能都还不错的笔记本

91zkwejq

91zkwejq6#

本地vite未能重现你所说的延迟数秒的情况。如果你的开发环境确实有此情况,请在生产环境下再测试是否仍然有此问题。

我尝试将antv的spin 换成element-plus的loading 点击查询0延迟 无论页面或者表格多复杂都是0延迟立即响应 。
我感觉antv的表格性能本身就不行,另外其spin组件是完全入侵的阻塞页面,这2个性能都不行的东西在一起了,就会严重影响性能

相关问题