используя async await?
.then(data => data…)
Эту конструкцию и юзаю но если после этого вывести переменную то она будет пустой т.к загрузка с задержкой
выводите в then иначе - async/await
А как можно из then вернуть этот imgUrl из функции getImg? Просто мне необходимо это сделать
страшно представить что ожидается увидеть? это же асинхронный код.
никак, будет возвращаться промис 🌚
const response = await fetch(); и тд
ему надо без асинк авэйт 🙂
Шашечки или ехать?)
если тебе надо без асинк авейт то занеси консоль лог прямо в промис
не понял вас..
Да анекдот такой есть.
а в чем проблема сделать async/await?
либо еще варик, можешь функцию создать callback типа и ее вызывать в последнем then
Там проект с приколами, async/await не получиться использовать
внутри then надо все писать, как выше сказали.
Я так и делал но от туда ведь не получиться вернуть imgUrl из родительской функции getImg
а зачем возвращать?
ну в стейт тогда надо занести оттуда, я не знаю как еще.
с чем взаимодействие идет?
сделайте поле в data, как выше написали и после фетча записывайте в это поле данные
Делал так уже. Все еще не понимаю как это вернуть из функции
скиньте песочницу с файликом
и если вы в data записываете данные, зачем их возвращать?
Как их использовать в шаблоне учитывая что там цикл?
export default { data() { return { loading: false, rows: [] } }, created() { this.getDataFromApi() }, methods: { getDataFromApi() { this.loading = true axios.get('/youApiUrl') .then(response => { this.loading = false this.rows = response.data }) .catch(error => { this.loading = false console.log(error) }) } } }
Спасибо большое
на здоровье. это достаточно банальный код
Обсуждают сегодня