Vue.js 保留当前数据列表，然后替换为即将出现的VUEJ和vue无限加载数据列表

我想保留一个数据列表，然后再替换另一个即将出现的数据列表。 我在vuejs项目中使用这个插件：加载更多数据

情景：

通过调用loading more handler函数重新加载以获取数据列表

• 在Vuex中执行操作请求并以状态存储
• 列出Vuex状态中的数据

筛选其他数据并列出

• 保留上一个数据列表，同时保留另一个数据列表以进行替换

保留当前数据列表，然后替换为新的数据列表

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

计算：{
…地图绘制者({
列表：[“用户/列表”]
})
},
方法：{
onLoadMoreLists（$state）{
这个.store.dispatch（'user/list'）。然后（（data）=>{
如果（data.items.length>1）{
这是第页++
$state.loaded（）
}否则{
$state.complete（）
}
})
}
}
//表和内线
没有更多的数据
没有结果消息

我用这个来解决问题：

此.$refs.infiniteloading.stateChanger

ref=“无限加载”

    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>