e.preventDefault(); // 移动时禁用默认事件 // 通过事件委托,计算移动的距离let x = e.clientX - disX + (e.clientX - clientX);//这里 由于elementUI的dialog控制居中的,所以水平拉伸效果是双倍let y = e.clientY - disY;//比较是否小于最小宽高dragDom.style.width = x > minWidth ? `${x}px`...
support ElementUI dialog drag Usage npm install vue-element-dialog-draggable--save importDlgDraggablefrom"vue-element-dialog-draggable" Vue.use(DlgDraggable,{ containment:true//Constrains dragging to within the bounds of the window. Default: false. ...
有一个dialog弹框,弹框的背景并不是全屏的,只在除header,sidebar的地方显示,要求拖拽dialog弹框不能超过背景1、在components/common创建directives.js,...
支持ElementUI对话框拖动 用法 npm install vue - element - dialog - draggable -- save import DlgDraggable from "vue-element-dialog-draggable" Vue . use ( DlgDraggable , { containment : true //Constrains dragging to within the bounds of the window. Default: false. } ) ; //... < /...
e.preventDefault(); // 移动时禁用默认事件 // 通过事件委托,计算移动的距离let x = e.clientX - disX + (e.clientX - clientX);//这里 由于elementUI的dialog控制居中的,所以水平拉伸效果是双倍let y = e.clientY - disY;//比较是否小于最小宽高dragDom.style.width = x > minWidth ? `${x}px`...
1在vue的utils中新建一个dialogDrag.js import Vuefrom'vue'Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) {//弹框可拉伸最小宽高let minWidth =400; let minHeight=300;//初始非全屏let isFullScreen =false;//当前宽高let nowWidth =0; ...