Vue3制作一个可拖拽的小箭头

效果图

可以���住小箭头进行左右拖拽，不会做git图，所以只有静态效果QAQ

代码

        import { ref } from "vue"let x = ref(0);let length = ref(300);let startx = ref(0);function start(e){  e.dataTransfer.setDragImage(e.target, window.outerWidth, window.outerHeight);  //取消丑陋的阴影  startx.value = e.offsetX}function dragging(e){    //根据偏移量计算width  x.value = e.offsetX - startx.value  length.value = length.value + x.value   startx.value = e.offsetX}function end(){    //初始化  x.value= 0  startx.value = 0  length.value = 300}.tip{  margin-top: 100px;  height: 50px;  background-color: red;  clip-path: polygon(0 0 , 80% 0 , 100% 50% , 80% 100% , 0 100%);}