[Vuejs]-VueJs Change dragged item values

You can use the clone props on the draggable component linked to list1.

Template:

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

JS:

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

Why dont you use the onMoveCallback function for the event handeling. The code should be something like this

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

}

P.S I am not very clear on whether this is what you want . you can refer to the link in your document you mentioned