изменение динамических параметров в аксио из данных - PullRequest
Новая
       12

изменение динамических параметров в аксио из данных

0 голосов
/ 18 мая 2019

в laravel У меня есть динамический URL, как это: 

api/product/all?page=2&per_page=15

page & per_page является динамичным, и в будущем я добавлю другое свойство, такое как диапазон цен, данные и ... у меня есть этот метод для отображения в моем шаблоне: 

    data: () => ({
        url:'./api/product/all',
        items: [],

        pagination: {
            total: '', 
            page_number:1,
            per_page: '2',
            total_page:'',
            from: '',
            last:'',
            to: '',
            current_page: ''
        },

    }),

    mounted : function(){
        this.getVueItems();
    },



    computed: {
        axiosParams() {
            const params = new URLSearchParams();
            params.append('per_page', this.pagination.per_page);
            params.append('page', this.pagination.page_number);
            return params;
        }
    },

    methods : {
        getVueItems: function(page){
            axios.get(this.url,{
                params: this.axiosParams
            }).then(response => {
                var vm = this;
                vm.items = response.data.data;
            });
        }
    },

как вы видите, я создаю параметры и вычисляю их с помощью axiosParams (). это работа, но когда я изменяю данные как (per_page), данные будут обновляться, а параметры нет. 

<select v-model="pagination.per_page">
    <option value="10">10</option>
    <option value="25">25</option>
    <option value="50">50</option>
</select>
...