如题,记录一下如何让element-plus1.x版本的dialog支持拖拽移动(element-plus2.0.0版本开始已经支持draggable属性),添加class为no-drag可手动禁止拖动,否则默认全部dialog都支持窗口内拖拽移动。直接上代码,项目中引入即可。
let draging = false
let dragDom: HTMLElement | null
let dragpoint: {
x: number; y: number }
function handleMouseUp(ev: MouseEvent) {
draging = false
dragDom = null
let target = ev.target as HTMLElement
//点住标题栏进行拖拽
if (!target.classList.contains('el-dialog__header')) {
return
}
dragDom = target.parentElement as HTMLElement
if (dra