Advantages Items are independent. Tiny and very easy to use. Big data list with high performance. Live demos Build 100,000 items with vfor-mode. Build 100,000 items with item-mode. Build 100,000 items with variable height. The main difference betweenitem-modeandvfor-modeis that:item-mode...
🍭 Support Tree Shaking 🍭 Support import on demand 🍭 Support auto-import and provide a solver Useage Init pnpm add virtual-scroll-list-liudingkang import { createApp } from 'vue' import App from './App.vue' import Comps from 'virtual-scroll-list-liudingkang' import 'virtual-scroll...
在数据量大的时候,cascader/tree这类的列表加载缓慢,滚动卡顿,操作延迟。 下图是2000条数据的时候: 密密麻麻的节点: 绚丽多芬的火焰图: 从上面的火焰图可知卡顿的click时间,渲染时间的非常的严重。 影响cascader/tree这类组件性能的主要原因: 一次性加载出所有的dom节点,导致首次加载缓慢 组件中有一个computed属性:c...
liamdebeasimentioned this issueOct 8, 2020 ionic vue virtual scrollionic-team/ionic-framework#17887 Closed tangbcmentioned this issueMay 24, 2021 1 similar comment tobiasdiezmentioned this issueApr 21, 2022 This was referencedJun 24, 2022
import { c, cssrAnchorMetaName, FinweckTree } from '../../shared' import { ItemData, VScrollToOptions } from './type' import { ItemData, VScrollToOptions, VVirtualListColumn, VVirtualListRenderCell } from './type' import { ensureMaybeTouch, ensureWheelScale } from './config' import...
🍭 Support Tree Shaking 🍭 Support import on demand 🍭 Support auto-import and provide a solver Useage Init pnpm add virtual-scroll-list-liudingkang import { createApp } from 'vue' import App from './App.vue' import Comps from 'virtual-scroll-list-liudingkang' import 'virtual-scroll...
Actions Security Insights Additional navigation options main BranchesTags Code README MIT license Virtual Scroll Grid for Vue 3 This is a reusable component for Vue 3 that renders a list with a huge number of items (e.g. 1000+ items) as a grid in a performant way. ...