Question

我在用feathersjs完成的API中存储了数千个Google Maps标记。我在前端使用feathers-vuex，并且需要在created（）上获取所有这些数据。这是我到目前为止所拥有的，但是只能获取10个项目。

<script>
    import { mapState, mapGetters, mapActions } from 'vuex'

    export default {
        name: 'a-map',
        computed: {
            ...mapGetters('plates', {
                plates: 'list'
            })
        },
        methods: {
            ...mapActions('plates', {
                findPlates: 'find'
            })
        },
        created() {
            // Query plates from Feathers
            this.findPlates();
        }
    }
</script>

Answer 1

feathers-Vuex的文档中有很好的解释。看这里：

https://feathers-plus.github.io/#Reactive-Lists-with-Live-Queries

问题是您必须从后端将记录读取到创建的Feather-vuex存储中。通过计算getter，您可以从feathers-Vuex存储中获取记录。计算的好处是与后端同步，即使有人在后端添加，变异或删除记录。

Answer 2

您对服务进行了分页，这意味着（默认情况下）仅显示前10个项目。您可以删除服务上的分页设置，对其进行更新，也可以通过在后续请求中使用$skip来利用分页。

Pagination documentation

Answer 3

WMDTech是正确的，这是因为后端有分页。一个简单的解决方法是执行以下操作，但要警惕大型数据集

尝试一下：

    created() {
        // Query plates from Feathers
        this.findPlates( {
            paginate: false
        });
    }

从feathers-vuex获取所有数据

3 个答案: