<script>
import Moveable from "vue3-moveable";
import { ref, onMounted } from "vue";

export default {
    components: { Moveable },
    setup() {
        const target = ref(undefiend);
        const onRender = e => {
            e.target.style.transform = e.transform;
        };
        onMounted(() => {
            target.value = document.querySelector("select");
        });
        return { target, onRender };
    }
};
</script>
<template>
    <div class="root">
        <select style="position: relative;width: 200px;height: 100px;">
            <option value="1">Option1</option>
            <option value="2">Option2</option>
            <option value="3">Option3</option>
        </select>
        <Moveable
            :target="target"
            :draggable="true"
            @render="onRender"/>
    </div>
</template>