流畅交互体验：实现Vue中el-dialog拖动效果的完美指南

        在使用elementUI中的Dialog组件时，总有无理的产品提需求，在右上角增加可点击全屏的功能、给我实现弹出框可任意拖拽的功能......这种情况下，组件就不能很好的使用了，那么，只能由我们前端攻城狮进行代码攻克了，接下来就实现其中的可拖拽功能

        话不多说我将用使用自定义指令的方式(适用于多el-dialog实现可拖拽的需求，如B端系统、ERP系统等)

        当然也有使用第三方库的方式进行实现，在这里就不做过多赘述了，推荐使用vuedraggable

        好了，回归正题，接下来看实现过程

1.  创建draggable.js文件

// draggable.js

export default {
  bind(el) {
    let startPosition = { x: 0, y: 0 };
    let dialogPosition = { x: 0, y: 0 };
    let dragging = false;

    const h