如何在类星体中使用无限滚动来加载更多数据

Question

---

我正试图使用类星体无限滚动加载更多数据，但由于它只加载一次所有数据，我无法加载更多数据。。。。我得到了

done() is not a function

以下是我的无限滚动方法

initDefaultData (done, index) {
setTimeout (() => {
if (this.datas) {
db.collection('example').orderBy('created_at', 'desc').get().then(res => {
if (res.size < 1) {
this.noData = true
} else {
res.forEach((doc) => {
this.datas.push({
id: doc.id
})
})
}
})
done()
}
}, 1000)
}

这里是我在模板中使用无限滚动的地方

<q-infinite-scroll @load="initDefaultData">
<q-card v-for="(data, index) in datas" :key="index" class="q-mb-md q-mt-sm">
</q-card>
</q-infinite-scroll>

Answer 1

似乎混合了参数顺序：index在done之前

initDefaultData (index, done) {
...
}