监听滚动事件我们使用vueuse的useEventListener和useThrottleFn 这里又有另一个问题,vxe-table内部就有滚动事件,因为我们的滚动事件会改变列表的数据,所以会触发vxe-tabl的滚动事件,然后这两个滚动事件会不断互相触发,所以我们需要一个变量记录最后滚动的高度,无变化就不做任何操作,直接返回 实现 设置样式 offscreenList...
原因:开启了虚拟滚动功能 解决方法:关闭虚拟滚动 <vxe-table :scroll-x="{gt: -1}" :scroll-y="{gt: -1}" </vxe-table>
虚拟滚动启用后只会渲染指定范围内的可视区数据,其他的数据将被卷去收起,当滚动到可视区时才被渲染出来 (注:启用虚拟滚动后:show-overflow,show-header-overflow,show-footer-overflow参数将根据不同场景各自触发生效,无法取消;如果需要支持,将虚拟滚动关闭即可) 我的代码,只需要给vxe-table添加属性来关闭虚拟滚动,就...
前面提到,我们引入虚拟滚动来避免一次性渲染全部元素,进而实现优化,这也就是虚拟滚动的核心:减少元素渲染。 图源:https://github.com/dwqs/blog/issues/70 我们打开开发者工具来查看,可以看到开启虚拟滚动后,VXETable 一次只渲染了 10 条数据。 而关闭虚拟滚动后,VXETable 一次渲染了全部数据。 开启虚拟滚动导致一次...
确认vxe-table 版本支持虚拟滚动: 确保你安装的 vxe-table 版本支持虚拟滚动功能。通常,vxe-table 的较新版本都包含这一功能。 在vxe-table 配置中启用虚拟滚动选项: 你需要在 vxe-table 组件上启用虚拟滚动。这通常通过设置 scroll-y 属性来完成,其中 enabled 设置为 true 表示启用虚拟滚动。 设置虚拟滚动的相关...
通过控制变量和分析，很容易确认问题根源在于 VXETable 的虚拟滚动功能。关闭虚拟滚动（通过设置 scroll-y 属性为 false）后，可以看到性能显著提升，且滚动后点击“提交”按钮仍无法通过校验。对比使用标准的 ElTable 组件时的情况，关闭虚拟滚动后性能更为明显，同样存在滚动后校验不通过的问题。这证实了...
在electron(因兼容win7,版本为22.0.0)利用loadURL('xxx')嵌入项目,页面中使用vxe-table,当开启了虚拟滚动时,滚动条靠近底部或是顶部,使用鼠标滚轮进行滚动后滚动条速度异常缓慢,滚动距离连一个row的高度都没有。 :scroll-y="{ enabled: true, gt: 50, oSize: 10 }" 期望的结果: 在electron中开启虚拟滚动...
题主是否想询问“vxetable临时合并后不支持虚拟滚动怎么解决”？虚拟滚动关闭。根据查询中关村在线显示，虚拟滚动是不支持合并，只要把高性能的虚拟滚动关闭就可以支持合并了。
根据官方文档scroll-x的描述,这个属性是用于控制横向 虚拟滚动 的,如果要关闭则将 enabled 设置为 false 即可。不明白你所说的响应式指的是什么,你需要的属性可能是 auto-resize 以及resize-config。 有用 回复 小样: 我就是想关闭虚拟滚动,但是发现个别浏览器还是会自动缩放 回复2023-08-21 来自广东 xiaohe0601...
以前老版本不支持虚拟滚动动态行高,vxe-table 新版本发布后,已经可以支持虚拟滚动和动态行高了。如果需要同等行高,只需加上 show-overflow 就可以了,同等行高的渲染性能是最优的,动态行高支持的最大数量低非常多。 建议非必要的场景应该使用同等行高,特殊需求场景在使用动态行高。