Предварительное заполнение полей формы данными из вызова API при переходе на страницу и ссылку на страницу sh в NuxtJS / VueJS - PullRequest
0 голосов
/ 07 мая 2020

Я пытаюсь создать страницу редактирования пользователя с помощью Nuxt JS. Я хотел бы, чтобы поля формы были предварительно заполнены текущей информацией пользователя, полученной из вызова API. Проблема в том, что эта информация появляется только тогда, когда я обновляю sh страницу (CMD + R), тогда как если я перехожу на страницу редактирования пользователя откуда-то еще - например, если я нахожусь на странице профиля, а затем нажимаю на кнопка редактирования профиля, все поля формы пусты. Вот соответствующие разделы в моем коде:

<template>
        <b-field label="Profile Description">
            <b-input v-model="description"></b-input>
        </b-field>
</template
export default {
    data() {
        return {
            description: "",
        };
    },
    mounted() {
        this.$store
            .dispatch("getUser") 
            .then(response => {
                this.description = response.description;
            })
            .catch(e => {
                console.log(e);
            });
        }
    }

Как лучше всего разрешить предварительное заполнение формы как при обновлении страницы sh, так и при переходе на страницу? Я безуспешно пытался использовать жизненный цикл created () и принудительно обновить компонент.

...