按住鼠标拖动的时候触发,计算光标的偏移量,修改对话框的 margin 实现拖拽的效果。 5 实现代码 本来想写一个通用一点的,但是对话框渲染出来的结构比较复杂,似乎也不够通用,所以先针对 el-dialog 实现拖拽功能。 app.directive('dialogdrag', {// 渲染完毕mounted(el, binding) {// binding.arg// binding.value/...
项目中很多时候需要弹出框可以拖动并且可最大化,el-dialog是不满足的,这边采用指令的方式进行拓展。 先来个效果图: 首先来个v-darg指令: 1import Vue from 'vue'23Vue.directive('alterELDialogMarginTop', {4inserted(el, binding, vnode) {5el.firstElementChild.style.marginTop = binding.value + 'px'6}...
//dialogHeaderEl.onselectstart = new Function("return false"); //头部加上可拖动cursor dialogHeaderEl.style.cursor ="move"; // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null); const sty = dragDom.currentStyle ||window.getComputedStyle(dragDom, null); let...
51CTO博客已为您找到关于el-dialog可拖动的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及el-dialog可拖动问答内容。更多el-dialog可拖动相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。