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