javascript - VueJs 更改拖动的项目值

Question

我正在使用Vue Draggable

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

例如，我在列表 1 中有此项目:

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

当拖放到列表 2 时，它会变成:

[{"type":"text","id":"XXXX", "value":"我的文本在这里","style":"...."}]

我不知道要列出两个什么事件以及如何执行。

谢谢

Answer 1

您可以使用clone链接到 list1 的可拖动组件上的 props。

模板:

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

JS:

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