使用antdesgin vue+sortablejs 实现嵌套表格

使用antdesgin vue +sortablejs 实现嵌套表格(不展开)拖拽排序时 拿到的排序对象不对

不展开的话怎么让拿到的index 或者对象正确?求大佬?

 

  //拖拽
    function sortMenuTable() {
      let el: any = document.querySelectorAll(
        '.sort-table-content>.ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-content>.ant-table-scroll>.ant-table-body>table > tbody'
      )[0];
      var sort = Sortable.create(el as any, {
        ghostClass: 'sortable-ghost', // Class name for the drop placeholder,
        fallbackOnBody:true,
        setData: function (dataTransfer: any) {
          dataTransfer.setData('Text', '');
        },
        onMove: function () {
          if (!enableDrag.value) return false;
          else return true;
        },
        onEnd: (evt: any) => {
          console.log("oldIndex:",evt.oldIndex,"newIndex:",evt.newIndex)
          console.log('old',orderList.value[evt.oldIndex])
          console.log('new',orderList.value[evt.newIndex])
          let state = evt.oldIndex > evt.newIndex ? 'before' : 'after';
          let newMenu = orderList.value[evt.newIndex].id;
          let oldMenu = orderList.value[evt.oldIndex].id;
          if(!enableDrag.value) return;
          if (evt.oldIndex === evt.newIndex) return;
          if (orderList.value[evt.newIndex].parentId !== orderList.value[evt.oldIndex].parentId) {
            message.warning('只支持同父级排序');
            getTableData();
          } else {
            sortChange(newMenu, oldMenu, state);
          }
        },
      });
    }

 

这应该是选择器没选对,仔细debug看一下问题出在哪里。

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632