el-table是Element UI中的一个表格组件,当处理大量数据时,常规的滚动会带来性能瓶颈。vue-virtual-scroller是一个Vue.js插件,通过虚拟滚动技术只渲染当前可见的部分,从而提高性能并减少内存消耗。 具体步骤如下: 安装vue-virtual-scroller: 在项目中安装这个插件,通常是通过npm或者yarn进行安装。 bash npm install vue...
props:['data','rowHeight','header','tableHeight'], data:()=>({ firstIndex:0, offsetHeight:0, headerEl:undefined, scroller:undefined, totalHeight:0, sortKey:'', sortOrder:0, tableWidth:0 }), watch:{ data(val) { setTimeout(()=>{ ...
{})// latest release of dependency vue-observe-visibility uses a vue 2 API, this// ensures compatibility until next releaseapp.directive('observe-visibility',{beforeMount:(el,binding,vnode)=>{vnode.context=binding.instance;ObserveVisibility.bind(el,binding,vnode);},update:ObserveVisibility.update,...
bind(el, binding, vnode); }, update: ObserveVisibility.update, unmounted: ObserveVisibility.unbind, }); app.component('VirtualScroller', VirtualScroller) ⚠️ A css file is included when importing the package: import 'vue-virtual-scroller-classic/dist/vue-virtual-scroller-classic.css' Browser...