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>