title: Implementing Vue draggable
body: <p>i am trying to implement vue draggable and it almost seems to work except for when i try to implement it on a button. It gives me an error message whenever i try to move the button.</p>
  
  <p>Here is an example : <a href="https://codepen.io/anon/pen/xoQRMV?editors=1111" rel="nofollow noreferrer">https://codepen.io/anon/pen/xoQRMV?editors=1111</a></p>
  
  <pre><code>          &lt;div id="app"&gt;
      &lt;v-app id="inspire"&gt;
        &lt;v-container&gt;
          &lt;v-layout justify-center&gt;
       &lt;v-flex&gt;
         &lt;draggable v-model="myArray" :options="options" handle=".handle"&gt;    
            &lt;div v-for="element in myArray" :key="element.id" class="title 
          mb-3"&gt;{{element.name}}
               &lt;v-icon color="red" class="handle mt-0"&gt;drag_handle&lt;/v-icon&gt;
             &lt;/div&gt;   
            &lt;v-btn class="ml-0"&gt;Button&lt;/v-btn&gt;
            &lt;v-icon color="red" class="handle"&gt;drag_handle&lt;/v-icon&gt;
           &lt;/draggable&gt;
          &lt;/v-flex&gt;
         &lt;/v-layout&gt;
     &lt;/v-container&gt;
       &lt;/v-app&gt;
     &lt;/div&gt;
  
  
          new Vue({
      el: '#app',
       data() {
       return {
        myArray: [
         {name: 'Text1!!!!', id: 0},
         {name: 'Text2!!!!', id: 1},
           ],
           options: {
          handle: '.handle'
          }
              }
             }
            })
  </code></pre>
  
  <p>Any help is appreciated.</p>