javascript - 如何在类星体中使用无限滚动来加载更多数据?
问题描述
我正在尝试使用类星体无限滚动加载更多数据,但我无法加载更多数据,事实上它加载了所有数据一次......我得到了
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>
解决方案
好像你混合了参数顺序:index
在前面done
initDefaultData (index, done) {
...
}
推荐阅读
- javascript - 从结果另一个数组中角度验证数组内的值
- python - 使用 IMDb JSON 评论计算情绪极性
- jquery - 仅按月计算的 Jquery 日期范围或日期选择器
- python - 在索引 Python 中使用 datetime.date 循环数据帧
- mysql-error-1064 - 您的 SQL 语法有错误 -1064
- c# - 有人在 DNN 9.9 版中实现了 DotNetNuke.Abstractions.Portals.IPortalAliasInfo.HttpAlias 吗?
- python - 按下任何按钮时发出信号
- python - 如何使用带有自定义视频输入的 OpenCV 视频捕获?
- javascript - 为什么 setTimeuot console.log 每秒?
- c# - 查询在 SSMS 中有效,但在 C# 中无效?