vue：使用jsPlumb实现连续题：支持滑动连接和点击连接

#container{height:100%;背景色：绿黄色；}.border{宽度：120px；高度：50px；行高：50px；边界半径：8px；:20px;}前言最近，我在做一个交互式问题板管理项目。我主要负责开发互动题板的连接题。由于时间紧迫，经过一番查找，我决定使用jsPlumb来做。jsPlumb本身可以滑动和连接。同时兼容click。想必做过拖拽的前端朋友都知道，拖拽和点击是有冲突的；draganddrop比click多了一个move操作，以及我们可以用鼠标按下和抬起的所有位置区分是点击还是拖动，思路：①记录鼠标按下和鼠标按下时的当前pageX和pageY被抬起，②通过平方根比较两个位置坐标，当值等于0或者小于10时证明是点击事件，否则是拖动事件实现下载依赖：npminstalljsplumb--save`code#container{height:100%;背景色：绿黄色；}.border{宽度：120px；高度：50px；行高：50px；边界半径：8px；:20px;}实现其实很简单，主要靠document.addEventListener("mouseup",this.mock);和mouseDown方法。学无止境~