vue2

开发环境

用法

npm i @zhangfanhang/v-list

<template>
  <v-list :list-data="listData" :item-height="100" v-slot="slotProps">
    <div class="context">
      {{ slotProps.item }}
    </div>
  </v-list>
</template>

import VList from '@zhangfanhang/v-list'

export default {
  data() {
    return {
      listData: [1, 2, 3, 4, 5, 6],
    }
  },
  component: {
    VList,
  },
}

参数 Props

属性名	含义	数据类型	是否必传
listData	渲染数据列表	Array	是
column	数据项列数	Number	否，默认为 1
itemHeight	数据项高度	Number	否，默认为 100
height	容器高度	String	否，默认 100%，即父元素高度（需设置父元素高度）