В каком формате я должен возвращать данные в vue -tables-2 с таблицей серверов - PullRequest
Новая
       9

В каком формате я должен возвращать данные в vue -tables-2 с таблицей серверов

0 голосов
/ 20 апреля 2020

В моем приложении vue / cli 4 / Bootstrap 4.3 я использую vue -tables-2 и читаю реализацию таблицы сервера здесь https://matanya.gitbook.io/vue-tables-2/server-table

со стороны сервера (laravel 6) Я возвращаю: 

        return response()->json([
            'data'                 => $activityLogs,
            'count'                => $activity_logs_count
        ], 200);

и в консоли вижу возвращаемые данные: https://imgur.com/a/2iGUfKS

But in the console I have errors :
vue-tables-2: invalid 'count' property. Expected number, got undefined
...
set-data.js?7175:11 count equals undefined
...
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "TypeError: props.data.forEach is not a function"
...
found in
---> <RLTableBody>
       <VtTableBody>

vue.runtime.esm.js?2b0e:1888 TypeError: props.data.forEach is not a function
    at _default (VtTableBody.js?1a4e:36)

Я предполагаю, что проблема в формате возвращаемого данные. В vue файле у меня есть: 

        <div id="activity_logs_data_table">
            <v-server-table :url="apiUrl + '/activity-logs-filter'" :columns="columns" :options="tableOptions">
            </v-server-table>
        </div>
   ...

                tableOptions: {
                    // see the options API
                    requestFunction(data) {

                        this.is_page_loaded = false
                        let credentialsConfig= JSON.parse(JSON.stringify(settingCredentialsConfig))
                        credentialsConfig.headers.Authorization = 'Bearer ' + this.$parent.$parent.currentLoggedUserToken
                        return axios.get(this.url, {
                            params: data
                        }, credentialsConfig ).catch(function (error) {
                            console.log('requestFunction error::')
                            console.error(error)
                        })

                    } // requestFunction: (data) => {
                },
...

"axios": "^0.19.0",
"vue": "^2.6.10",
"vue-tables-2": "^2.0.14"

Какой должен быть действительный формат для возвращаемых данных?

Спасибо!

...