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

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

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

Answer 2

[0xD34F]

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