0

データテーブルのページネーションのみが機能するようにしたいので、ドキュメントでコードを使用しました:

request ({ pagination }) {
            // we set QTable to "loading" state
            this.loading = true

            // we do the server data fetch, based on pagination and filter received
            // (using Axios here, but can be anything; parameters vary based on backend implementation)

            axios
                .get(`/api/`+this.dataSource+`/?page=${pagination.page}`,{ headers: { Authorization: 'Bearer '.concat(localStorage.getItem('token')) } })
                .then(response => {
                    // updating pagination to reflect in the UI
                    this.serverPagination = pagination

                    // we also set (or update) rowsNumber
                    this.serverPagination.rowsNumber = response.data.data.data.rowsNumber

                    // then we update the rows with the fetched ones
                    this.tableData = response.data.data.data

                    // finally we tell QTable to exit the "loading" state
                    this.loading = false
                })
                .catch(error => {
                    // there's an error... do SOMETHING

                    // we tell QTable to exit the "loading" state
                    this.loading = false
                })
        }

そしてlaravel apiでこのコードを使用しました

`/api/`+this.dataSource+`/?page=${pagination.page}`,{ headers: { Authorization: 'Bearer '.concat(localStorage.getItem('token')) } }

最初のページのデータを返しますが、他のデータが存在するにもかかわらず、データテーブルの矢印ボタンが無効になっています。

前もって感謝します

4

1 に答える 1