vue3虚拟列表
npm install @yll10243/virtual-listnpm i @yll10243/virtual-list -D
main.ts|js进行引入然后挂载(如下伪代码)
#引入
import "@yll10243/virtual-list/dist/style.css"
import virtualUI from "@yll10243/virtual-list"
#挂载所有
app.use(virtualUI)
`
`
#按需载入
import "@yll10243/virtual-list/dist/style.css"
import {FixedSizeList, DynamicSizeList, FixedSizeGrid, DynamicSizeGrid} from "@yll10243/virtual-list"
#按需使用
app.use(FixedSizeList)
`
使用举例
dynamicSizeGrid
`vue
item {{ rowIndex }} {{ columnIndex }}
`
dynamicSizeList
`vue
{{ index }}
`
fixedSizeGrid
`vue
item {{ rowIndex }} {{ columnIndex }}
`
fixedSizeList
`vue
item {{ index }}
``