Javascript VueJs更改拖动的项值

Javascript VueJs更改拖动的项值,javascript,vue.js,draggable,nested-sortable,Javascript,Vue.js,Draggable,Nested Sortable,我正在使用 我有两个带有“克隆”选项的列表。每个列表都有一个不同的数组。 我想知道当将一个项目从列表1拖到列表2中时,是否有可能将值更改为列表2中被删除的项目 例如,我在清单1中列出了该项: [{“类型”:“文本”,“图标”:“文本”}] 当拖放到列表2时,它将变成: [{“类型”:“文本”,“id”:“XXXX”,“值”:“我的文本在这里”,“样式”:“…”}] 我不知道要列出哪两个事件以及如何做 谢谢为什么不使用onMoveCallback函数来处理事件呢。代码应该是这样的 function

我正在使用

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

例如,我在清单1中列出了该项:

[{“类型”:“文本”,“图标”:“文本”}]

当拖放到列表2时,它将变成:

[{“类型”:“文本”,“id”:“XXXX”,“值”:“我的文本在这里”,“样式”:“…”}]

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


谢谢

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

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

}
另外,我不太清楚这是否是你想要的。您可以参考您提到的文档中的链接

您可以使用链接到列表1的可拖动组件上的道具

模板:

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

这是我正在尝试的同一个场景案例。但是当从一个列表中删除一个项目到另一个列表时,我想更改该项目的值。
methods:{
  clone(element){
    return {
       type: element.type,
       value: "My Text is Here",
       style: "...."
    }
  }
}