laravel - 如何在 JSON api 调用（Lazyload、Vuejs、Laravel）上应用过滤器组件

Question

我有一个包含一些过滤器组件的表格，并获取到我的 laravel 后端以咳出数据。我目前拥有的是过滤器函数应用于前端的表数据，但我的同事刚刚告诉我，我们将有一百万条记录，所以它必须得到延迟加载，所以它只加载可见的记录.

• 如何将过滤器函数应用于 fetch api 调用？我希望数据被过滤，然后发送到 Vue。

我不知道要寻找什么，“vue lazyload api call”没有显示我在 Google 上寻找的内容。

---

我对 laravel 数据库的 fetch 调用：

       getCoinRecords(api_url) {
            api_url = api_url || '/api/support/list';
            fetch(api_url)
                .then(response => response.json())
                .then(response => {
                    this.coins = response.data;
                })
        },
        

我的Vue过滤器功能：

 data() {
    return {
        coins: [],
        filterResult: {},
    }
},
computed: {
    dynFilter(){
        let items = this.coins;
            for (const [key, value] of Object.entries(this.filterResult)) {
                if(value != ""){
                    items = items.filter(coin =>{
                        if (coin[key] == value){
                            return coin[key];
                        }
                    })
                }
            }
        return items;
    },
}

标签： laravelvue.js