Не записывается значение?

Question

[fessss]

Есть компонент - большая форма

data: {
  return {
    form: {
      // тут объект с глубокой вложенностью
    },
  }
}

Вот метод в actions, где я делаю запрос

async getDataFromApi({ commit }) {
    const res = await axios.get('url');
    if (res.data) {
      commit('mutationName', res.data);
    }
    return res;
  },

А вот я вызываю этот action в компоненте

methods: {
  ...mapActions('api', ['getDataFromApi']),
  getData() {
    this.getDataFromApi().then(res => {
      if(res.status === 200 && res.data) {
        this.form = res.data; // тут this.form остается прежним, не меняется
      }
    })
  },
},

Так вот, помогите понять, почему this.form не изменяется.

Answer 1

[Сергей Левченко]

А это весь код?

Если да, то все просто, вы нигде не вызываете метод - getData() - это раз.
Два - этот метод(getData() ) вообще не нужен, так как
...mapActions('api', ['getDataFromApi']), - уже добавил метод getDataFromApi

те в итоге вам в хуке created/mounted или в другом надо сделать вызов метода

methods: {
  ...mapActions('api', ['getDataFromApi']),
},
created() {
    this.getDataFromApi().then(res => {
      if(res.status === 200 && res.data) {
        this.form = res.data; // тут this.form должен изменится
      }
    })
},

ну и странно вы работаете с vuex в данном случае :)
видимо вам стоит начать с азов js, уже потом фреймворки...

Comments

[fessss]

А можно поподробнее, что конкретно странно, что мне нужно начать с азов js?

[Сергей Левченко]

Куда уж подробнее? Чтобы получить результат выполнения функции, вам необходимо запустить эту самую функцию, так? Как это можно не понять, зная основ?

[fessss]

Сергей Левченко, понял, увы. проблема не в этом, функцию эту я вызываю в хуке created

Answer 2

[Miki06]

data должен быть функцией которая возвращает form
data(){
return{
form:{}
}
}