对elementui中el-popover增加拖拽功能

我这里是依据原生的jq进行操作的;

通过鼠标事件进行操作,通过鼠标的onmousemove事件进行拖拽移动定位;通过onmouseup进行管控拖拽结束功能

话不多说上代码:

首先是html的代码,先是使用咱们的el-popover

使用之后咱们通过代码的细化可以看到在el-popover中写了一个它自身的Class:popoverClass,通过这个class咱们可以获取到它的dom节点

通过console.log(popover)输出

我们可以看到其中的层次结构然后使用debugger,你可以看到下面的children[0]中获取的是咱们的el-popover__title,通过这个来做咱们的拖拽地址,不能让点所有的地方都能进行拖拽,当然你也可以根据业务来进行,我这里拖拽的就是头部

然后咱们来看看我的完整代码

使用

 


版权声明:本文为lixu_boke原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。