vue-draggable對(duì)表格內(nèi)tr拖拽問(wèn)題

代碼如下:

      <table class="table table-condensed">
        <caption>編排工序</caption>
        <thead>
          <tr>
            <th>名稱(chēng)1</th>
            <th>名稱(chēng)2</th>
            <th>名稱(chēng)3</th>
            <th>名稱(chēng)4</th>
            <th>名稱(chēng)5</th>
            <th>名稱(chēng)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標(biāo)簽加上elemenet="tr" 然后去掉tr，出現(xiàn)以下情況