LeaderLine随着el-dialog弹框的拖动而跟着一起移动

m0_68937827

于 2022-11-15 09:16:05 发布

阅读量674

点赞数

文章标签： vue.js elementui 前端

本文链接：https://blog.youkuaiyun.com/m0_68937827/article/details/127859296

版权

该博客介绍了如何利用JavaScript的mousedown、mousemove和mouseup事件来实现在网页中拖动<div>元素的功能。当鼠标按下时设置isDown为true，移动时检查isDown状态并更新元素位置，鼠标释放时将isDown设为false。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要使用mousedown(),mousemove(),mouseup()方法来使用

<div @mousedown="down" @mouseup="up" @mousemove="move"></div>

 down(){
      this.isDown=true;
    },
    move(){
      if(this.isDown){
      //就是让鼠标按下后移动时更新LeaderLine的定位
        this.leader_line.forEach(line => {
        	if (line) line.position();
      	})
      }else{
        return;
      }
    },
    up(){
      this.isDown=false;
    },