Vue.js 2 的无限列表 - vue-infinite-list

Vue.js 2 的无限列表 - vue-infinite-list
插件名称 vue-infinite-list
发布时间 2020年9月15日
插件作者 legeneek

Vue.js 2应用程序的另一个性能无限滚动列表。

安装和下载:

npm i vue-infinite-list

基本用法

导入并注册无限列表组件。

import InfiniteList from 'vue-infinite-list'

Vue.component(InfiniteList.name, InfiniteList)

在您的应用中使用它,将列表项组件和微调器组件传递给无限列表组件,配置道具。

<template>
  <div id="app">
      <infinite-list @load="load" :list-item="listItem" :spinner="loadSpinner" :container-height="containerHeight" :item-height="itemHeight" :items="items" :loading="loading">
      </infinite-list>
    </div>
</template>

<script>
import ListItem from './ListItem.vue'
import LoadSpinner from './LoadSpinner.vue'

export default {
  data() {
    return {
      listItem: ListItem,
      loadSpinner: LoadSpinner
    }
  },
  methods: {
    load() {
      //...
    }
  }
  // ...
}

</script>