title: in vuejs, i got a problem when drag and resize image
body: <p>i'd like to reflect change of image size, position in image list.</p>
  
  <p>i can do that when single image.
  but when i do on multiple images in list, it doesn't works.</p>
  
  <p>here is my code</p>
  
  <pre><code>&lt;div v-for="item in items" :key="item.img" ref="items"&gt;
    &lt;VueDraggableResizable @dragging="onDrag" @resizing="onResize" :parent="false" style="border: 1px solid black;"&gt;
      &lt;img ref="imgRef" :src="item.img" alt="no Picutres"&gt;
    &lt;/VueDraggableResizable&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>below is method onResize</p>
  
  <pre><code>onResize (x, y, width, height) {
    this.x = x
    this.y = y
    this.width = width
    this.height = height
    this.$refs.imgRef.width = width
    this.$refs.imgRef.height = height
  },
  </code></pre>
  
  <p>error message just says 'imgRef is not defined'. what is wrong in my code?</p>
  
  <p>i'll comment my full source code.</p>