如何使用vue.draggable拖动多行？

Question

我想在一行中拖动多个表数据，而不仅仅是单个td标记。换句话说，当我拖动任一列时，我希望同时拖动"Random“和"name”列。

<table id="app">
  <tr>
    <th>Random</th>
    <th>name</th>
  </tr>

  <tr>
    <td>    
      <draggable v-model="items">
        <transition-group name="list-complete">
          <div v-for="item in items"
               v-bind:key="item.message"
               class="list-complete-item">
            {{ item.message }}
          </div>
        </transition-group>
      </draggable>
    </td>

    <td>
      <div v-for="item in items" class="list-complete-item">
        {{ item.name }}
      </div>
    </td>

  </tr>
</table>

我已经尝试使用可拖动标签和转换组标签，但似乎都不起作用。

请帮帮忙。:(

这是我的jsfiddle代码-> https://jsfiddle.net/wusprtnL/63/

Answer 1

Sortable和Vue.draggable都不支持这一点。因此，没有任何组合的选项可以使irt工作。参考：https://github.com/SortableJS/Sortable/issues/1049

Answer 2

目前，sortable支持这个插件，但是这个插件还没有集成到vue.draggable中。

https://github.com/SortableJS/Vue.Draggable/issues/649