draggable对表格列进行拖拽排序

draggable对表格列进行拖拽排序

<!-- 排序 -->
    <Dialog title="Sort" v-model:dialogVisible="dialogFormVisible5" width='60%' @confirm='saveSort'>
      <table cellspacing="1" border="0">
        <draggable v-model="list" @start="drag = true" @end="drag = false" item-key="index">
          <template #item="{ element }">
            <tr>
              <td>{{element.name}}</td>
              <td><img style="width:60px" :src="$imgUrl+element.pic" alt=""></td>
              <!-- <td>{{element.sn}}</td> -->
            </tr>
          </template>
        </draggable>
      </table>

    </Dialog>