Я пытаюсь создать страницу редактирования пользователя с помощью 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 () и принудительно обновить компонент.