title: vuedraggable handle attribute not working
body: <p>I'm trying to use vuedraggable inside a table, but I am unable to rearrange the table rows with my desired handle:</p>
  
  <p>code: <a href="https://codesandbox.io/s/kkpp3xry63" rel="nofollow noreferrer">https://codesandbox.io/s/kkpp3xry63</a></p>
  
  <p>App.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="app"&gt;
      &lt;RowComponent/&gt;
      &lt;Draggable
          v-model="data"
          v-bind="drag_options"
          handle="[name=dragger]"
          tag="table"
          @start="drag = true"
          @end="drag = false"
      &gt;
          &lt;thead slot="header"&gt;
              &lt;th&gt;
                  Placeholder
              &lt;/th&gt;
              &lt;th&gt;
                  Map Level
              &lt;/th&gt;
              &lt;th&gt;
                  Revision
              &lt;/th&gt;                    
          &lt;/thead&gt;
          &lt;transition-group
              type="transition"
              :name="!drag ? 'flip-list' : null"
              tag="tbody"
          &gt;
              &lt;row-component
                  v-for="row in data"
                  :key="row._id"
              /&gt;
          &lt;/transition-group&gt;
      &lt;/Draggable&gt;        
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import Draggable from "vuedraggable"
  import RowComponent from "./components/Row.vue";
  
  export default {
    name: "App",
    components: {
      Draggable,
      RowComponent
    },
    data ()
    {
      return {
        data:
        [
            {
                _id:
                1,
            },
            {
                _id:
                2,
            },
            {
                _id:
              3,
            },
        ],
        drag:
            false,                
        drag_options: 
        {
            animation: 
                200,
            group: 
                "description",
            disabled: 
                false,
            ghostClass: 
                "ghost"
        },
      }
    }
  };
  &lt;/script&gt;
  
  &lt;style&gt;
  #app {
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
  }
  &lt;/style&gt;
  
  &lt;style lang="scss" scoped&gt;
      table
      {
          width: 100%;
      }
      table, th, td
      {
          border: 1px solid black;
          border-collapse: collapse;
          padding: 5px;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>Row.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;div name="draggable"&gt;Move&lt;/div&gt;
      &lt;/td&gt;
      &lt;td style="padding: 10px;"&gt;
        &lt;input class="form-control" type="text"&gt;
      &lt;/td&gt;
      &lt;td&gt;
        &lt;div&gt;
          &lt;select&gt;
            &lt;option&gt;&lt;/option&gt;
          &lt;/select&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;div&gt;
            &lt;button class="btn btn-color-primary btn-size-normal"&gt;Rename&lt;/button&gt;
            &lt;button
              class="btn btn-color-primary btn-size-normal"
              @click="showing.note = !showing.note"
            &gt;Note&lt;/button&gt;
            &lt;button class="btn btn-color-orange btn-size-normal"&gt;Draw&lt;/button&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;textarea v-if="showing.note"&gt;&lt;/textarea&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    data() {
      return {
        showing: {
          note: false
        }
      };
    }
  };
  &lt;/script&gt;
  
  &lt;style lang="scss" scoped&gt;
  td {
    border: 1px solid black;
    border-collapse: collapse;
  }
  
  textarea {
    font-size: initial;
    padding: 10px;
    height: 100px;
    width: 100%;
  }
  
  [name="draggable"] {
    cursor: pointer;
  }
  &lt;/style&gt;
  </code></pre>