xxxxxxxxxx1
<template>2
<section3
class="border p-4 mb-4"4
style="height: 400px; overflow: hidden"5
id="draggable-container"6
>7
<MDBDraggable8
class="draggable-element shadow-1-strong"9
draggingClass="shadow-3-strong"10
container="#draggable-container"11
>12
<p>Drag me!</p>13
</MDBDraggable>14
</section>15
</template>16
xxxxxxxxxx1
<style>2
#app {3
font-family: Roboto, Helvetica, Arial, sans-serif;4
}5
.draggable-element {6
position: absolute;7
left: 50%;8
top: 50%;9
width: 20vw;10
height: 20vh;11
}12
</style>xxxxxxxxxx1
<script>2
import { MDBDraggable } from "mdb-vue-drag-and-drop";3
export default {4
components: {5
MDBDraggable6
},7
};8
</script>9
Console errors: 0