ElementUI销毁Dialog数据(简单粗暴)

更新时间:2023-05-16 22:38:17 阅读: 评论:0

// 获取到的值带px 正则匹配替换
let styL = sty(dragDom, 'left');
无边丝雨细如愁
let styT = sty(dragDom, 'top');
// 注意在ie中第⼀次获取到的值为组件⾃带50% 移动之后赋值为px
if (styL.includes('%')) {
styL = +document.body.clientWidth * (+place(/\%/g, '') / 100);                styT = +document.body.clientHeight * (+place(/\%/g, '') / 100);            } el {
styL = +place(/\px/g, '');
styT = +place(/\px/g, '');
};
温和的近义词是什么// 通过事件委托,计算移动的距离
let left = e.clientX - disX;
let top = e.clientY - disY;
// 边界处理
if (-(left) > minDragDomLeft) {
left = -(minDragDomLeft);
} el if (left > maxDragDomLeft) {
left = maxDragDomLeft;
}王院长
if (-(top) > minDragDomTop) {
top = -(minDragDomTop);
} el if (top > maxDragDomTop) {
top = maxDragDomTop;
}
// 移动当前元素
dragDom.style.left = `${left + styL}px`;
p = `${top + styT}px`;
// 将此时的位置传出去
// binding.value({x:e.pageX,y:e.pageY})
}
科普作文
}
}
刮宫后注意事项
}
})
// v-dialogDragWidth: 弹窗宽度拖⼤拖⼩
Vue.directive('dialogDragWidth', {
赵姓的来源>郭沫若人品bind(el, binding, vnode, oldVnode) {
const dragDom = binding.value.$el.querySelector('.el-dialog')
// ⿏标按下,计算当前元素距离可视区的距离
const disX = e.clientX - el.offtLeft
e.preventDefault() // 移动时禁⽤默认事件
// 通过事件委托,计算移动的距离
const l = e.clientX - disX
dragDom.style.width = `${l}px`
}
}
}
黎里古镇
}
})

本文发布于:2023-05-16 22:38:17,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/905537.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:移动   计算   距离   事件   正则   获取
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图