在 Vue 拆分窗格中添加拖放功能

Question

我正在嘗試在Vue Splitpane中添加拖放功能。 我正在嘗試幾個拖放包，即vue-smooth-dnd 、 Vue.Draggable等。但是，這些 dnd 包與拆分窗格 package 沖突，因為它嚴格維護結構，例如：

<splitpanes>
    <pane> 
    </pane>
</splitpanes>

因此，我正在尋找將拖放作為指令添加到元素的選項。 我發現了這個， vue-draggable package 並實現了它。 拖放現在可以工作，但它不能將splitpanes__splitter div 拖動到<pane>元素 ( div.splitpanes__pane ) 之后。 因此，窗格的調整大小選項不會沿着窗格移動，這就是為什么調整大小選項在每個窗格之后都不可見的原因。 怎樣才能讓它正常工作？

Codepen 演示

Answer 1

由於 Vue 的工作方式，我認為你將很難讓這兩個組件相互配合。

使用API實現自己的拖放會更好，因為從長遠來看，它會比嘗試將這兩個組件連接在一起要快得多，而且不可避免地會失敗。