dmitrybascacov
@dmitrybascacov
Кодим и декодим, а иногда кино смотрим

Почему переменные из тела Vue остаются пустыми после fetch запроса?

После запроса на API, идет ответ с json данными, содержащий как минимум массив с со статусом запроса и примечанием. Но после запроса данные не сохраняются в переменную из тела Vue

Вот код

new Vue({
        el: '#app',
        data: function () {
            return {
                firstChildSetting: {},
                secondChildSetting: {},
                firstChild: 'none',
                secondChild: 'none',
                currentSetting: {},
                client: 'none',
                formType: 'none',
                errorMessage: '',
                lastRequestResult: null,
            }
        },
        methods: {
            firstChildOnChange: function () {
                this.formSettingRequest(this.firstChild, 1);
            },
            secondChildOnChange: function () {
                this.formSettingRequest(this.secondChild, 2);

            },
            formTypeOnChange: function () {
                this.formSettingRequest(this.formType);
            },
            formSettingRequest: function (formType, childrenCount = 0) {
                fetch('http://site.name/api/v1/getFormConfig?type=' + encodeURIComponent(formType))
                    .then((response) => {
                        if (response.ok) {
                            return response.json();
                        } else {
                            throw new Error('Network response was not ok');
                        }
                    })
                    .then((response) => {
                        if (childrenCount === 2) {
                            this.firstChildSetting = response.data;
                        } else if (childrenCount === 1) {
                            this.secondChildSetting = response.data;
                        } else {
                            this.currentSetting = response.data;
                        }
                    })
                    .catch((error) => {
                        console.log(error);
                    });
            },
            clientOnChange: function () {

            }
        }
    });

  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ответы на вопрос 1
Aetae
@Aetae
Тлен
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы