vue实现element-ui对话框可拖拽功能

应业务需求，需要实现对话框可拖拽问题，应element-ui没有提供官方支持，于是便参考大神的文章，得出了适合业务需要的解决方案。很多大神给出的代码是没有解决边界问题的，但是不解决边界问题存在一个bug，拖到不可视区域后边再也拖不回来了，不信你们可以试试。在实现的功能的情况下，封装成了js文件，然后再main.js中引入后可全局使用。还是上代码吧功能实现代码directives.js代码如下：在边界处理上，因为在我的项目中无法获取到body的高度，所以采取了获取可见区域高度，这里补充点知识在main.js中引入ue文件中使用：在el-dialog标签中加入v-dialogDrag属性具体使用便是这样，希望有人看到哈哈哈，当然主要还是想帮到大家。