Link do całego kodu -> https://paste.ofcode.org/zJ2RjLNaUuvfW3C7QyjHeq
Piszę sobie prostą apkę z wykorzystaniem tensorflow. Właściwie jest to część pewnego tutoriala.
Program działa jak ta część kodu pozostaje bez zmian:
<img
src="https://images.unsplash.com/photo-1561157437-415893bd7149"
ref="imageToDetect"
crossorigin="anonymous"
class="rounded-2xl"
style="width: 90%"
/>
Ten sam adres w obiekcie ref przechowującym string adress..
const imageToDetect = ref("https://images.unsplash.com/photo-1561157437-415893bd7149");
Chciałbym zmienić trochę apkę, więc:
Teraz mam button i funkcję changeImage, która po prostu zmienia imageToDetect na jakiś inny adres obrazka. Np. samochodu garbus. Postawiłem zrobić bind :src i związać go z refem imageToDetect:
<img
:src="imageToDetect"
ref="imageToDetect"
crossorigin="anonymous"
class="rounded-2xl"
style="width: 90%"
/>
I teraz funkcja, która zmienia adres obrazka:
function changeImage() {
console.log("Changed image.");
imageToDetect.value = "https://images.unsplash.com/photo-1489824904134-891ab64532f1";
}
Po tych zmianach obrazek nie wyświetla się, a funkcja prawdopodobnie nie przypisuje do ref nowego adresu.
edit: spróbuję jeszcze zmienić z ref na reactive.
ps jesteście moją ostatnia dyktą ratunku