代码如图，我想实现个表格拖拽行排序的功能，拖拽完后复原怎么办？比如，第一行内容是aaa，第二行内容是bbb，我想把bbb拖到第一行，等我拖完后松开鼠标，bbb又回到第二行了，但是绑定的list2已经变了，就是显示的内容没变，怎么解决

<draggable v-model="list2" @update="onSort" :options="{animation:500}">
  <transition-group>
     <div v-for="(item, index) in list2" :key="index" class="table-body-row">
        <p class="table-body-col">{{index + 1}}</p>
        <p class="table-body-col">{{list[0].data.list[index]}}</p>
        <p class="table-body-col">
          <img :src="imgList[index]" alt="">
        </p>
    </div>
  </transition-group>
</draggable>