我遇到了同样的问题。如果我使用div，事情就正常了，但当我试图使用tr的时候就不正常了。即使在我发现element设置之后也是如此。
正如Marius在他的评论中指出的那样，GitHub Issue #61为我解决了这个问题。
问题似乎是，您的draggable HTML代码是在index.html vs模板中。当我把代码移到模板中时，它就开始工作了。
我不太清楚为什么这个模板需求只存在于table的情况下，而不是div的情况下。
在GitHub问题中，作者引用了Vue文档的这一部分：DOM模板解析注意事项
作者还提供了一个关于JSFiddle的表示例。
不管怎样...我能够使用vue-sortable在表格上进行拖动，而不需要使用模板。vue-sortable的缺点是它没有为Vue 2进行维护和更新。我找到了一个解决方法来安装Vue 2。安装后，它更容易使用，但功能更少。

我在经历一个简单的添加draggable时多次遇到这个问题。我注意到的几件事在github issue 61和这里没有提到，但它们肯定在文档中。
1.当你添加表格时，你需要保持模板为标准的html，这样你就不能在里面有可拖动的元素和tr。您应该使用is="draggable"作为tbody的属性。

1. tag="tbody"甚至在tbody上使用来呈现tbody标签，否则draggable仍然可以工作，但你将没有tbody标签。
   上面我设置了一个example fiddle of 3 tables。我已经用table/list和div测试了它，所以这里链接到3个表的例子。前两个表通过group="people"链接，因此您可以在它们之间拖放，最后一个表是独立的。只是为了展示分组的作用。
   感谢上面的回答，他们帮助我走到了这一步。

对我有效的方法：

HTML

<table>
  <thead>
    <tr>
      <th>Id</th>
      <th>Name</th>
      <th>Sport</th>
    </tr>
  </thead>
  <tbody is="draggable" :list="list" tag="tbody">
    <tr
      v-for="item in list"
      :key="item.id"
    >
      <td>[[ item.id ]]</td>
      <td>[[ item.name ]]</td>
      <td>[[ item.sport ]]</td>
    </tr>
  </tbody>
</table>

字符串

JS

<script>
  var app = new Vue({
    ...,
    data: {
      list: [
        { id: 1, name: "Abby", sport: "basket" },
        { id: 2, name: "Brooke", sport: "foot" },
        { id: 3, name: "Courtenay", sport: "volley" },
        { id: 4, name: "David", sport: "rugby" },
      ],
    },
  });
</script>

型

<div id="service-list">
<table>
       <tr v-for="service in services" is="draggable" :list="services" :element="'tbody'" >
          <td>{{ service.name }}</td>
          <td>{{ service.price }}</td>
       </tr>
</table>
</div>

字符串
用这个吧。希望这对您有帮助。

根据docs：https://github.com/SortableJS/Vue.Draggable/blob/master/example/components/table-example.vue

<draggable v-model="list" tag="tbody">
      <tr v-for="item in list" :key="item.name">
        <td scope="row">{{ item.id }}</td>
        <td>{{ item.name }}</td>
        <td>{{ item.sport }}</td>
      </tr>
    </draggable>

字符串