1

我正在使用 VueDraggable，下面是一组阶段，当我们将故事从一个阶段移动到另一个阶段时，如何从事件中获取数据（如下所述的阶段数组）。

const phases = [
  {
    pid: 'PH1',
    stories: [
      {
        sid: 'ST01',
        title: 'Story 1',
      },
      {
        sid: 'ST02',
        title: 'Story 2',
      },
    ],
  },
  {
    pid: 'PH2',
    stories: [
      {
        sid: 'ST11',
        title: 'Story 1',
      },
    ],
  },
];

假设我们将 S01 从相位中的第 0 个索引（id：PH1）移动到相位中的第一个索引（id：PH2）。所以我可以得到

  • pid - 从哪个元素移动（即 PH1）
  • index - 正在移动的数组中的索引（即 0）
  • sid - 正在移动的元素的 id（即 ST01）
  • pid - 正在向哪个元素移动（即 PH2）
  • index - 它在其中移动的数组中的索引（即 1）

我试过的

<draggable class="phase"
              group="containers"
              ghost-class="ghost"
              @end="checkEnd"
              v-model="phaseObj.stories"
              >
              <!-- :list="phaseObj.steps"> -->
      <!------------ STEP ---------------->
        <div v-for="step in phaseObj.stories"
              :key="step.stepId"/>
    </draggable>

checkEnd方法

checkEnd(evt) {
      // HERE I AM GETTNG newDraggableIndex, newIndex, oldDraggableIndex, oldIndex
      // BUT I NEED PID AND SID ALSO
      console.log(evt);
},
4

0 回答 0