使用方式
-
注册
-
-
方式一
-
<script setup lang="ts"> import VirtualList from './components'; </script> <template> <div> <VirtualList :data="data" /> </div> </template>
-
-
方式二
-
//全局注册 import fvl from 'fancy_virtual_list' app.use(fvl.VirtualList)
-
-
-
使用方式
-
<VirtualList :data="data" />
-
interface IVirtualListPropsStyle {最外层容器的基本样式 width: string height: string background: string } interface IVirtualListProps { style?: IVirtualListPropsStyle data: any[], item_height?: number, -》内容高度-》决定视口显示几个item 默认40 item_style?: Record<string, any> -》每个列表内容的样式 container_style?:Record<string, any> -》外层容器的自定义样式 }
-