Как перезагрузить картинку при её изменении на сервере VueJS?

Question

[Валерий Хижевский]

Доброго дня. Суть проблемы такая.
У меня есть скрол, который меняет интенсивность чёрного цвета на картинке, параметр интенсивности передаётся на сервер, там он это обрабатывает и перерисовывает картинку. Как мне теперь перезагрузить картинку во VueJS?

Answer 1

[Alex]

Сервер должен возвращать данные картинки либо путь к новой. Клиект, после отправки запроса, в ответе получает это и заменяет картинку.

Comments

[Валерий Хижевский]

А если тот же путь остаётся, у меня приходит ответ от сервера, я могу как-то после ответа подтянуть картинку?

[Alex]

Ну, если костыльно, вы можете передавать в пути к картинке какую-то переменную, типа ?timestamp=11223344, а после обновить УРЛ с новой переменной ?timestamp=55667788. Браузер должен перезагрузить картинку

Answer 2

[Maksimka27]

Если картинка по тому же url, то спасет ререндеринг компонента. Что-то типа

<img v-if="offForReload" src="." />

<script setup>
import { ref, nextTick } from "vue";
const offForReload=ref(true);

async function saveNewPicture() {
 .... 
 offForReload.value = false;
 await nextTick();
 offForReload.value = true;
}