如何实现table数据拖拽

1.下载插件 sortablejs

npm install sortablejs

2.局部导入即可

import { defineComponent, ref, reactive, onMounted } from "vue";
import { useRouter } from "vue-router";
import { ElMessage, ElMessageBox } from "element-plus";
import { useStore } from "vuex";
import { ajaxGet, ajaxPost, downLoadByUrl } from "@/utils/axios";
import Sortable from "sortablejs";

3.使用    

   function rowDrop() {
      const tbody = document.querySelector(
        ".fuzeinfo-list .el-table__body-wrapper tbody"
      );
      Sortable.create(tbody, {
        onEnd({ newIndex, oldIndex }) {
          if (newIndex === oldIndex) {
            return;
          }
          var keyArr = mut.tableData.map(o => {
            return o.chargeId;
          });
          const oldKey = keyArr.splice(oldIndex, 1)[0];
          keyArr.splice(newIndex, 0, oldKey);