先要下载vue3.0,
在views里新建vue项目
先看效果图:
然后复制粘贴下面的代码
<template>
<div ref="drag" class="drag"></div>
</template>
<script lang="ts" setup>
import {ref,onMounted} from "vue"
const drag=ref(null)
const disX=ref<number>(0)
const disY=ref<number>(0)
const x=ref<number>(0)
const y=ref<number>(0)
onMounted(()=>{
getdrag().onmousedown=Fndown
})
const getdrag=function(){
return (drag.value as unknown as HTMLDivElement)
}
const Fndown = function(ev:MouseEvent){
disX.value = ev.clientX - x.value
disY.value = ev.clientY - y.value