保留当前的数据列表，然后用Vuejs和vue无限加载的数据列表替换

Question

在替换另一个即将出现的数据列表之前，我想保留一个数据列表。我在我的vuejs项目中使用这个插件：https://peachscript.github.io/vue-infinite-loading加载更多数据。

场景：

1. 通过调用loading more处理程序函数重新加载以获取数据列表
   • 在Vuex中执行操作请求并存储在状态中
   • 列出Vuex状态的数据
2. 筛选其他数据和列表
   • 保留以前的数据列表，而另一个即将替换

在替换为即将到来的数据列表之前保留当前数据列表

目前，我通过将数据列表重置为null来获取新数据，这就是为什么我的数据列表为空的原因

computed: {
...mapGetters({
lists: ['user/list']
})
},
methods: {
onLoadMoreLists($state) {
this.$store.dispatch('user/list').then((data) => { 
if (data.items.length > 1) {
this.pages.page++
$state.loaded()
} else {
$state.complete()
}
})
}
}
// table and infine
<the-table
:lists="lists"
>
<infinite-loading
:identifier="infiniteId"
spinner="spiral"
@infinite="onLoadMoreLists"
>
<div slot="spinner">
<st-loading></st-loading>
</div>
<div slot="no-more">No more data</div>
<div slot="no-results">No results message</div>
</infinite-loading>
</the-table>

Answer 1

我用这个来解决问题：

这个$参考文献.无限读取.状态转换器

ref＝"；不定式；