javascript - VueJs 更改拖动项的值

Question

我正在使用Vue Draggable

我有两个带有“克隆”选项的列表。每个列表都有一个不同的数组。我想知道将项目从列表 1 拖动到列表 2 时是否有任何可能性，将值更改为列表 2 中的已删除项目。

例如，我在列表 1 中有这个项目：

[{"type":"text","icon":"fa fa-text"}]

当拖放到列表 2 时，它变为：

[{"type":"text","id":"XXXX", "value":"My Text is Here","style":"...."}]

我不知道要列出两个事件以及如何做。

谢谢

score 0 · Accepted Answer

您可以在链接到 list1 的可拖动组件上使用克隆道具。

模板：

<draggable :clone="clone" ...>

JS：

methods:{
  clone(element){
    return {
       type: element.type,
       value: "My Text is Here",
       style: "...."
    }
  }
}

score -1 · Accepted Answer

为什么不使用 onMoveCallback 函数进行事件处理。代码应该是这样的

function onMoveCallback(event, originalEvent){
    event.draggedContext.element = //whatever changes you want to make 

}

PS我不是很清楚这是否是你想要的。您可以参考您提到的文档中的链接

2 回答 2