el-dialog可以拖动

`el-dialog`是Element UI库中的一个对话框组件，它提供了弹出窗口的功能，并且支持可拖动的设计，使得用户可以自由调整其大小和位置。在使用`el-dialog`时，可以通过设置`modal`属性为`false`，并配置`center`属性为`false`，这样用户就可以通过鼠标拖动边角或标题栏来移动对话框。同时，`el-dialog`还提供了`drag-resize`属性，启用后允许用户改变对话框的尺寸。

如果你想实现自定义的拖动效果，可以监听`drag-end`事件，在这个事件中处理对话框的新位置和大小。以下是一个简单的例子：

<template>
  <el-dialog
    :visible.sync="dialogVisible"
    :modal="false"
    :center="false"
    :drag-resize="true"
    @drag-end="handleDragEnd"
  >
    <!-- 内容 -->
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
    };
  },
  methods: {
    handleDragEnd(e) {
      // 在这里获取新的对话框位置和大小，例如:
      const { top, left, width, height } = e.detail;
      console.log('Dialog position and size:', { top, left, width, height });
      // 根据这些信息进行后续处理，如更新状态或发送API请求等
    },
  },
};
</script>