title: How to disable dragging on specific element using Vue.Draggable
body: <p>How can I set so that only <code>.btn-drag</code> can drag whole  row? I am using <a href="https://github.com/SortableJS/Vue.Draggable" rel="noreferrer">https://github.com/SortableJS/Vue.Draggable</a> </p>
  
  <p>Currently I can drag also with <code>button#options</code> which is undesired</p>
  
  <pre><code>    &lt;draggable v-model="textElements"&gt;
          &lt;transition-group&gt;
              &lt;div class="is-draggable" v-for="element in textElements" :key="element.text"&gt;
                  &lt;div&gt;
                      {{ element.text }}
                  &lt;/div&gt;
                  &lt;button class="btn btn-transparent"&gt;Options&lt;/button&gt;
                  &lt;button class="btn btn-transparent btn-drag"&gt;Drag&lt;/button&gt;
              &lt;/div&gt;
          &lt;/transition-group&gt;
      &lt;/draggable&gt;
  </code></pre>
  
  <p>In docs they mention that we can place <code>:move="checkMove"</code> on <code>&lt;draggable&gt;</code> but in function I am not sure how can I check what exactly was dragged? Returning false works correctly for disabling dragging in general</p>
  
  <pre><code>methods: {
      checkMove(evt) {
          console.log(evt)
          return false
      }
  }
  </code></pre>
  
  <p>Console.log(evt) shows this but I am not sure which property I can use to pinpoint exactly what started a drag <a href="https://image.prntscr.com/image/r17zNkxoSWGdVQs_5nR09w.png" rel="noreferrer">https://image.prntscr.com/image/r17zNkxoSWGdVQs_5nR09w.png</a> </p>