vue.js - 带有固定列的vue可拖动表格

Question

我有一个两列的表，一列有一个静态值列表，下一列我需要可拖动，以便我可以上下移动第二列中的单元格等，而不会影响第一列。

用例是一个时隙列表，第二列是人名，我会将名称添加到单元格中，但随后可能希望将其拖到不同的时隙。

我有一张显示时间的表格，但无法让第二位工作 - 最重要的位。

知道如何做到这一点，也许一张桌子不是要走的路吗？谢谢

标签： vue.jsvuejs2

Answer 1

这是一个更新版本，您可以在其中拖入时间段。我将两种视图合二为一，以使其更易于阅读。

我将时间段结构更改为：

  times: [
    { id: 1, time: "09:00", people: [] },
    { id: 2, time: "09:30", people: [] },
    { id: 3, time: "10:00", people: [] }
  ],

因此，现在您只是将人员拖入 times.people 数组。