Neler yeni

Soru Sor ?

Sorular sorun ve topluluğumuzdan tanıtlar alın.

Yanıtlar Ver

Soruları yanıtlayın ve Vue.js uzmanı olun.

Uzman Kadro

Ücretsiz olarak sorularınız yanıtlanacaktır.

Click Event Resim Değiştirme

hrnsykk

New member
Katılım
16 Şub 2021
Mesajlar
1
Tepkime puanı
0
Puanları
1
Arkadaşlar bir resim üzerine tıklanınca modal box'tan seçilen bir fotoğrafla değişmesini istiyorum.

Takıldım kaldım bir türlü yapamıyorum yardımcı olurmusunuz lütfen.

Kod:
Ana Resim
<div class="box" v-on:click="uploadPhoto()">
  <img src="https://loremflickr.com/100/100?lock=10" />
</div>

Modal Box Resim
<img
  class="box selectImages"
  src="https://loremflickr.com/100/100?lock=12"
  alt=""
  @click="selectImage()"
/>

methods: {
    uploadPhoto() {
      this.show = true;
      let click_element = event.target;
      click_element.setAttribute("src", this.selected);
    },
    selectImage() {
      if (event.target) {
        let selected_image = event.target;
        this.selected = selected_image.getAttribute("src");
        console.log(this.selected);
        this.show = false;
      }
    }
  }
 
Üst