vue-draggable对表格内tr拖拽问题

Question

代码如下:

      <table class="table table-condensed">
        <caption>编排工序</caption>
        <thead>
          <tr>
            <th>名称1</th>
            <th>名称2</th>
            <th>名称3</th>
            <th>名称4</th>
            <th>名称5</th>
            <th>名称6</th>
          </tr>
        </thead>
        <tbody>
          <draggable  class="list-group" v-model="arrangeP"  :options="dragOptions"  @remove="reuse">
              <tr  v-for="(item,index) in arrangeP" :key="'item'+index">
                <td>{{item.complete}}</td>
                <td>{{item.code}}</td>
                <td>{{item.name}}</td>
                <td>{{item.time}}</td>
                <td>{{item.person}}</td>
                <td>{{item.stations}}</td>
              </tr>
          </draggable> 
        </tbody>
      </table>

我把组件draggable标签加上elemenet="tr" 然后去掉tr，出现以下情况

Answer 1

自己解决了,把<tbody>标签去掉,然后用draggable渲染成<tbody>就好了

Answer 2

请问，如果把draggable渲染成<tbody>

Answer 3

请问下可以拿到拖拽的数据吗，比如说我想拖动上衣到右边的列表
然后如何拿到上衣这条数据
<tr v-for="(item,index) in arrangeP" :key="'item'+index">
这个列表的内容可以拖拽排序吗？

Answer 4

可以使用elementUI的表格组件吗

Answer 5

能把demo分享一下吗？在使用这个的时候，table无法拖拽。

https://codepen.io/yxjhasadre...