В app.workers запишутся данные только после получения данных из апи,

Question

В app.workers запишутся данные только после получения данных из апи,

так же?
async shoWorkerBid(id) {
await axios
.get(`/api/workers_bids/${id}`)
.then(function(resp) {
app.workers = resp.data;
console.log(resp.data);
})
.catch(function (resp) {
console.log(resp);
alert("Ошибка получения данных");
});
}

#frontend #javascript #programming #russian #vue.js

0

02.07.2021

15 ответов

33 просмотра

RaptorialThing Автор вопроса

Artyom Tuchkov
зачем смешивать await и then?

methods: { shoWorkerBid(id) { axios .get(`/api/workers_bids/${id}`) .then(function(resp) { app.workers = resp.data; console.log(resp.data); }) .catch(function (resp) { console.log(resp); alert("Ошибка получения данных"); }); } } Вот так тогда. Тоже только после получения данных, они запишутся в app.workers?

0

02.07.2021

Artyom Tuchkov

RaptorialThing
methods: { shoWorkerBid(id) { ...

непонятно, зачем ты сохраняешь this в app в mounted, чего ты хочешь добиться этим?

0

02.07.2021

RaptorialThing Автор вопроса

Artyom Tuchkov
непонятно, зачем ты сохраняешь this в app в mounte...

без этого не работал этот кусок app.shoWorkerBid(this.$route.params.id) если просто this.shoWorkerBid(this.$route.params.id)

0

02.07.2021

Artyom Tuchkov

RaptorialThing
без этого не работал этот кусок app.shoWorkerBid(...

это одно и то же

0

02.07.2021

Anton Permyakov

Artyom Tuchkov
это одно и то же

у него там функция не стрелочная и контекст теряется

0

02.07.2021

RaptorialThing Автор вопроса

RaptorialThing
без этого не работал этот кусок app.shoWorkerBid(...

лол, теперь убрал, оставил this. работает, значит я ошибался

0

02.07.2021

Artyom Tuchkov

Anton Permyakov
у него там функция не стрелочная и контекст теряет...

он же про mounted

0

02.07.2021

Anton Permyakov

RaptorialThing
methods: { shoWorkerBid(id) { ...

axios .get(`/api/workers_bids/${id}`) .then((resp) => { this.workers = resp.data; console.log(resp.data); })

0

02.07.2021

RaptorialThing Автор вопроса

RaptorialThing
лол, теперь убрал, оставил this. работает, значит ...

если response () => то не работает без app

0

02.07.2021

Artyom Tuchkov

Anton Permyakov
axios .get(`/api/workers_bids/${i...

а тут да, но в его примере он обращается к app, поэтому там тип функции не играет роли

0

02.07.2021

Artyom Tuchkov

RaptorialThing
если response () => то не работает без app

покажи просто весь компонент скрином, чтобы было понятно, что у тебя происходит

0

02.07.2021

RaptorialThing Автор вопроса

Artyom Tuchkov
покажи просто весь компонент скрином, чтобы было п...

.

0

02.07.2021

Artyom Tuchkov

RaptorialThing
.

ну сейчас у тебя все верно, что-то не работает?

0

02.07.2021

RaptorialThing Автор вопроса

Artyom Tuchkov
ну сейчас у тебя все верно, что-то не работает?

Спасибо, это я только что закомментил как говорили (this app). Проблема в том, что vue-router кнопка сразу выводится, еще до получения данных. Теперь ясно что ошибка в компоненте WorkersBidsIndex или в router (врядли, id сейчас передается нормально)

0

02.07.2021

Artyom Tuchkov · Accepted Answer

Artyom Tuchkov

зачем смешивать await и then?

0

02.07.2021

169 похожих чатов

В app.workers запишутся данные только после получения данных из апи,

15 ответов

Похожие вопросы