text VUE - kép绑定

Posted 2021-05-02

.
.
<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
    }