Laravel Vue Vuetify Issue - PullRequest
Новая
       28

Laravel Vue Vuetify Issue

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

Я использую v-data-table для отображения списка данных в этой v-data-table. Я добавляю эту функцию paginate @ pagination = "paginate".

Это V-таблица данных div: 

<v-data-table
            item-key="name"
            class="elevation-1"
            color="error"
            :loading="loading"
            loading-text="Loading... Please wait"
            :headers="headers"
            @pagination="paginate"
            :server-items-length="admission.total"
            :items="admission.data"
            :footer-props="{
                itemsPerPageOptions: [10, 20, 30, 40, 50, 100],
                itemsPerPageText: 'Admission Forms Per Page',
                showCurrentPage: true,
                showFirstLastPage: true
            }"
            :items-per-page="10"
            sort-by="name"
            show-select
            :options.sync="options"
        >

И эта функция: 

paginate(e) {
            const sortBy = this.options.sortBy.length == 0 ? 'created_at' : this.options.sortBy[0];
            const orderBy = this.options.sortDesc.length > 0 && this.options.sortDesc[0] ? 'asc' : 'desc';
            axios.get(`/api/admission?page=${e.page}`, {params: {'per_page': e.itemsPerPage, 'sort_by': sortBy, 'order_by': orderBy}})
                .then(res => {
                    this.admission = res.data.admission;
                })
                .catch(err => {
                    console.log(err)
                });
        },

        searchIt(e) {
            this.admission = [];
        }

Когда я очищаю массив допуска, то автоматически отправляются два запроса, как можно исправить По этому вопросу есть идея или предложение?

См. прикрепленное изображение двух запросов

...