1.0.3 • Published 5 years ago
@cyhai/virtual-scroll v1.0.3
vue-virtual-scroll
一个可以用来渲染大量列表数据的Vue虚拟滚动组件
Install
npm i @cyhai/virtual-scroll --save
Use
import virtualScroll from '@cyhai/virtual-scroll'
Vue.use(virtualScroll)<virtual-scroll :datas='listData' :itemHeight='50' :remain='10'>
<template v-slot={item}>
<span class="list">{{item.value}}</span>
</template>
</virtual-scroll>Options
| 参数 | 说明 | 类型 | 可选 | 默认值 |
|---|---|---|---|---|
| datas | 数据源 | Array | - | |
| itemHeight | 每项高度 | Number | - | 40 |
| remain | 展示条数 | Number | - | 10 |
Project setup
yarn install
yarn serve