基于vue3的窗口拖拽插件

dialog-drag 非常的轻量，只是一个vue3的自定义指令扩展，所以用起来也非常的简单

安装

npm i vue3-dialog-drag-xs -S

cnpm i vue3-dialog-drag-xs -S

使用

  import { addDirective } from 'vue3-dialog-drag-xs'
  const app = createApp(App)
  addDirective(app)

demo

<!-- 给需要拖拽的dialog加上 v-drag 指令，并且指定指令的值为可以拖拽区域的class-->
<div v-drag="'header'" class="dialog1">
    <div class="header">因为我的class是header，所以点击我可以拖拽！</div>
    <div>我是dialog内容</div>
</div>