отображение сообщения-ответа vue-axios

Question

У меня есть функция в APIService.js

createPatient(data){

    const url = 'http://192.168.1.3/api/clinic/patient/add/';
    return axios.post(url, data).then(resp => {return resp});
}

И в моем теге скрипта компонента vue:

result = apiService.createPatient(data);
console.log(result);

, но после отправки данных, полученных от apiService.createPatient, первоначально ожидается ожидание.Как я могу ждать и отобразить сообщение о разрешенном Обещании?

Answer 1

Создайте свойство данных, а затем обновите его асинхронно:

data () {
  result: null
},
created () {
  apiService.createPatient(data).then(res => {
    this.result = res.data
  })
}

И затем условно отобразите ваш компонент в зависимости от того, заполнено ли result: <some-component v-if="result">{{ result }}</some-component>