关于element-ui的diallog拖动的实现

先给下载地址

https://files.cnblogs.com/files/maruihua/el-dragDialog.rar

需要注意的是如果给模态框加入拖动指令,一些定位样式会出问题,需谨慎

具体使用方法如下

在引用页面加入以下代码

import elDragDialog from '../../directive/el-dragDialog/index'
export default {
  //自定义指令:拖动模态框
  directives: { elDragDialog },
    methods: {
    handleDrag() {} //拖动模态框事件
  }
}

在dialog中加入这两个属性

 <el-dialog 
    v-el-drag-dialog  
    @dragDialog="handleDrag" >
  </el-dialog>

就可以了,.有什么自定义的样式可以自己修改源码.

posted @ 2019-06-06 17:23  china丶MRH  阅读(780)  评论(0)  编辑  收藏  举报