+ data() {
+ return {
+ dragging: false,
+ };
+ },
+ methods: {
+ startDrag(evt) {
+ evt.dataTransfer.dropEffect = "move";
+ evt.dataTransfer.effectAllowed = "move";
+ evt.dataTransfer.setData("component", this);
+
+ // Drag image
+ var img = document.createElement("img");
+ img.src = "../assets/logo.png";
+ evt.dataTransfer.setDragImage(img, 0, 0);
+
+ this.dragging = true;
+ },
+ endDrag() {
+ this.dragging = false;
+ },
+ },