Vue.js данные не успевают подгрузиться?

Question

[Dauren S]

methods: {
  async edit(id) {
      this.isEdit = 1;

     await axios
        .get(
          process.env.VUE_APP_API +
            "/" +
            this.api +
            "/" +
            this.module +
            "/" +
            this.submodule +
            "/retrieve/?id=" +
            id
        )
        .then((response) => {
          let data2=response.data[0];
          this.form.title = data2[2];
         
     
        
        })
        .catch((error) => {
          error;
        });
    },
},
  mounted() {
    setTimeout(() => {
       this.edit(this.$route.params.id);
    }, 1000);
  },

К сожалению приходится ставить timeout чтобы данные подгрузились в форму, а без timeout инпуты пустые. Подскажите пожалуйста, как сделать без timeout, вдруг данные прилетят через 2 сек или больше.

Comments

[Эдуард Баженов]

Во-первых, какие данные не подгружаются?
Во-вторых, уберите async await, должно помочь

[Dauren S]

Эдуард Баженов, json, title, text,cat_id

[Dauren S]

Эдуард Баженов, пробовал , не помогает

Answer 1

[0xD34F]

Установите наблюдение за свойством, которое должно содержать данные, в обработчике проверяйте, что пришедшее значение корректно, если да - выполняйте код, который сейчас у вас в mounted (конечно, уже без setTimeout'а):

watch: {
  данные: {
    immediate: true,
    handler(value) {
      if (value какой нужен) {
        делаете чего там вам надо
      }
    },
  },
},

Если данные разделены на несколько частей, которые загружаются независимо, сделайте вычисляемое свойство, где эти значения будут объединены в массив, и в наблюдателе проверяйте все его элементы:

computed: {
  данные() {
    return [ this.данные1, this.данные2, /* ... */ ];
  },
},
watch: {
  данные: {
    immediate: true,
    handler(value) {
      if (value.every(n => n какой нужен)) {
        делаете чего там вам надо
      }
    },
  },
},

Answer 2

[Эдуард Баженов]

Логично, что форма пустая изначально, т.к. данные приходят асинхронно. Проверяйте в шаблоне, пришли ли данные, например, через v-if