TargetPath is updated late?

[TheHussein]

Hello, I'm trying to make a drag and drop tree where nodes can only be moved inside same level, to do this I used function droppable and I'm using the 2nd store parameter. startPath works fine but targetPath is being set late and is undefined, how can I work around this?

  methods: {
    isNodeDroppable(tree, store) {
      console.log(store);
      console.log(store.startPath + "-" + store.targetPath);
      return true;
    },
  },

[TheHussein]

Using eachDroppable instead of droppable fixed my issues:

    isNodeDroppable(currentPath, tree, treeDataStore) {
      console.log(treeDataStore.startPath + "==>" + currentPath);
      return true;
    },

[TheHussein]

Full code for same level same parent updates only:

  methods: {
    isNodeDroppable(currentPath, tree, treeDataStore) {
      let startPath = treeDataStore.startPath;
      return (
        this.isSameLevel(startPath, currentPath) &&
        this.isSameParent(startPath, currentPath)
      );
    },
    isSameLevel(startPath, currentPath) {
      if (startPath.length === currentPath.length + 1) {
        return true;
      }
      return false;
    },
    isSameParent(startPath, currentPath) {
      if (
        startPath[startPath.length - 2] !== currentPath[currentPath.length - 1]
      ) {
        return false;
      }
      return true;
    },
  },

[phphe]

isNodeDroppable is an internal method, it is not recommended to modify. It is recommended to use prop eachDroppable.