sendDrawRequest(data, dest)

{
let url = this.draw_url + encodeQueryData(data)
return axios.get(url, this.sec_headers).then((response) => {
this[dest] = response.data.pic || ''
})
colorizeShape () {
const data = {
q: this.payload,
patternLength: this.patternLenSelected,
palette_id: this.paletteSelected,
first_method: this.firstMethodSelected,
additional_method: this.additionalMethodSelected,
colorize: 1
}
this.sendDrawRequest(data, 'b64image_color')
},
unColorizeShape () {
const data = {
q: this.payload,
patternLength: this.patternLenSelected,
palette_id: this.paletteSelected,
first_method: this.firstMethodSelected,
additional_method: this.additionalMethodSelected,
colorize: 0,
filter: this.pattern
}
this.sendDrawRequest(data, 'b64image_bw')
},
гайз есть такой фарт код. Его смысл кидать в апишку запрос, получить картинку в base64 и втыкать ее в соответствующий элемент. Но проблема в том что я где то танцую на асинхронных граблях и у меня ОБА элемента и b64image_bw и b64image_color принимают одно и то же значение(видимо последнее), как понять где ошибка чтобы ее больше не повторять ну и как исправить конечно?

может это не асинхронные грабли, а реактивные? перед this[dest] выводи в консоль значение pic, что там?

именно последний

ну в плане последний? Последний что? Конкретнее? у тебя два метода, которые вызывают запрос на сервер. когда срабатывает присвоение this[dest] и что присваивается?

mounted() { this.parseQueryString(); this.unColorizeShape(); this.colorizeShape(); }, смотри как они у меня вызываются на маунтед по очереди. Какой метод поставишь последним тут, тот изображение вернется в оба имаджа