VueJs 更改拖动项的值答案

【问题标题】：VueJs Change dragged item valuesVueJs 更改拖动项的值
【发布时间】：2017-11-06 14:33:04
【问题描述】：

我正在使用Vue Draggable

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

例如我在清单 1 中有这个项目：

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

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

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

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

谢谢

【问题讨论】：

【解决方案1】：

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

模板：

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

JS：

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

【讨论】：

【解决方案2】：

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

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

}

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

【讨论】：