我正在尝试在Vue Splitpane中添加拖放功能。我尝试了几个拖放包,即vue smooth dnd,vue。可拖动等。但是,这些dnd包与splitpane包冲突,因为它严格维护以下结构:
<splitpanes>
<pane>
</pane>
</splitpanes>
所以,我在寻找添加拖放作为元素指令的选项。我已经找到了这个,vue draggable包并实现了它。拖放现在正在工作,但它不能在<pane>
元素(div.splitpanes__pane
(之后拖动splitpanes__splitter
div。所以,调整窗格大小的选项并没有沿着窗格移动,这就是为什么调整窗格大小选项在每个窗格之后都不可见的原因。如何使其正常工作?
Codepen演示
由于Vue的工作方式,我认为您将很难将这两个组件完美地放置在一起。
您最好使用API实现自己的拖放,因为从长远来看,这将比尝试将这两个组件网格化(不可避免地失败(快得多。