代碼如下:

      <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標(biāo)簽加上elemenet="tr" 然后去掉tr，出現(xiàn)以下情況