I don't want to change the id

[cn-xufei]

vddl/example/src/views/simple.vue

Lines 131 to 144 in 85806a3

	handleDrop(data) {
	console.log(':v-list: drop');
	console.log(data);
	const { index, list, item } = data;
	// change the id
	item.id = new Date().getTime();
	list.splice(index, 0, item);
	},
	handleMoved(item) {
	console.log(':v-draggable: moved');
	console.log(item);
	const { index, list } = item;
	list.splice(index, 1);
	},

[pschaub]

You may duplicate the id of all items to another field (e.g. item.vddlId) before using it with vddl. Then you can only change the vddl-internal id (item.vddlId) on that function. Just an idea as workaround.

Hint: The fastest way to deep-copy anything in javascript is this:

let realClone = JSON.parse(JSON.stringify(obj))

Source: https://stackoverflow.com/questions/122102/what-is-the-most-efficient-way-to-deep-clone-an-object-in-javascript