el-dialog可拖拽

`el-dialog`是Element UI库中的一个组件，它是一个弹出式对话框，通常用于显示模态内容，如确认、提示或者输入信息等。关于你说的“可拖拽”，在Element UI默认情况下，`el-dialog`并不直接支持纯手动的拖拽功能，但你可以通过一些第三方库或者自定义的方式来实现。

例如，可以利用Vue.js的事件系统和一些前端交互库（如HammerJS或Vuedraggable），监听用户对对话框边角的拖动事件，并更新其位置。这需要在组件的模板中添加相应的鼠标或触摸事件处理器，并在方法中处理位置变化。

如果你想让`el-dialog`具有拖拽功能，可以在创建对话框时传入自定义属性，然后编写对应的JavaScript代码来控制拖拽行为。这是一个大概的思路：

<template>
  <el-dialog :draggable="true" v-model="showDialog">
    ...
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      showDialog: false,
    };
  },
  methods: {
    handleDragStart(e) {
      // 开始拖动时记录初始位置
      this.draggingPosition = e.offsetX;
    },
    handleDragMove(e) {
      // 更新对话框的位置
      const newPosition = this.draggingPosition + e.deltaX;
      // 设置新的位置
      this.$refs.dialog.style.transform = `translateX(${newPosition}px)`;
    },
    handleDragEnd(e) {
      // 拖动结束后的操作
    }
  },
};
</script>