title: Vuetify with VueDraggable : v-img is not loaded as expected
body: <p>I am trying to use vueDraggable with vuetify, to create a photo gallery which allowed to rearrange the order.  </p>
  
  <p>Without Draggable, the v-img is loading the image correctly.<br>
  While after I added the draggable, the images is not going to be loaded.<br>
  To test the images path is correct, I added a  below the  and the  are loaded properly.  </p>
  
  <p><a href="https://codepen.io/brian661/pen/zVygap/" rel="nofollow noreferrer">https://codepen.io/brian661/pen/zVygap/</a></p>
  
  <pre><code>&lt;template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform"&gt;
    &lt;v-layout&gt;
      &lt;v-flex xs12&gt;
        &lt;v-card&gt;
          &lt;v-container grid-list-sm fluid&gt;
            &lt;v-layout row wrap&gt;
              &lt;draggable
                  class="draggableArea"
                  :list="photos"
                  :group="{ name: 'photo', pull: 'clone', put: false }"
                  :sort= false
              &gt;
              &lt;v-flex
                  v-for="photo in photos"
                  :key=photo.name
                  xs3
                  d-flex
              &gt;
                {{photo.name}}
                &lt;v-card flat tile class="d-flex"&gt;
                  // this is not able to be loaded
                  &lt;v-img
                      :contain="true"
                      :src=photo.img
                      :lazy-src=photo.img
                      class="grey lighten-2"
                  &gt;
                    // this is loaded without problem
                    &lt;img :src=photo.img class="Photo"/&gt;
                    &lt;template v-slot:placeholder&gt;
                      &lt;v-layout
                          fill-height
                          align-center
                          justify-center
                          ma-0
                      &gt;
                        &lt;v-progress-circular indeterminate color="grey lighten-5"&gt;&lt;/v-progress-circular&gt;
                      &lt;/v-layout&gt;
                    &lt;/template&gt;
                  &lt;/v-img&gt;
                &lt;/v-card&gt;
              &lt;/v-flex&gt;
              &lt;/draggable&gt;
            &lt;/v-layout&gt;
          &lt;/v-container&gt;
        &lt;/v-card&gt;
      &lt;/v-flex&gt;
    &lt;/v-layout&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    import draggable from 'vuedraggable';
  
    export default {
      name: "AvailablePhoto",
      components: {
        draggable,
      },
      data() {
        return {
          photos : [ {name: "photo1", img: "https://somewhere/1.png"},
            {name: "photo2", img: "https://somewhere/2.png"},
            {name: "photo3", img: "https://somewhere/3.png"},
            {name: "photo3", img: "https://somewhere/4.png"}]
        }
      }
    }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
    .draggableArea {
      display: flex;
    }
    .Photo {
      max-width: 100%;
      max-height: 100%;
    }
  &lt;/style&gt;
  </code></pre>