vue弹窗拖拽
页面使用
在el-dialog组件上添加 v-dialogDrag属性
main.js引用新创建的文件
import ‘./utils/dialog’
创建dialog.js页面
//dialog.js页面
import Vue from 'vue';
// v-dialogDrag: 弹窗拖拽属性
Vue.directive('dialogDrag', {
bind(el, binding, vnode, oldVnode) {
constdialogHeaderEl = el.querySelector('.el-dialog__header');
constdragDom = el.querySelector('.el-dialog');
//dialogHeaderEl.style.cursor = 'move';
dialogHeaderEl.style.cssText += ';cursor:move;'
dragDom.style.cssText += ';top:0px;'
// 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
conststy = (function () {
if (window.document.currentStyle) {
return (dom, attr) =>dom.currentStyle[attr];
} else {