csopi
6/24/2018 - 2:06 PM

VUE - kép binding

Egérmozgatásra kép változtatás

.
.
<div v-for="variant in variants" :key="variant.variantId">
            <p @mouseover="updateProduct(variant.variantImage)">{{ variant.variantColor }}</p>
          </div>
.
.
variants: [
      {
        variantId: 2234,
        variantColor: "green",
        variantImage: './assets/vmSocks-green-onWhite.jpg'
      },
      {
        variantId: 2235,
        variantColor: "blue",
        variantImage: './assets/vmSocks-blue-onWhite.jpg'
      }
    ],
    
    .
    .
    .
    updateProduct(variantImage) {
      this.image = variantImage
    }