Vuejs2 在使用Vue js时,jsplumb的替代方案是什么?

Vuejs2 在使用Vue js时,jsplumb的替代方案是什么?,vuejs2,quasar,Vuejs2,Quasar,我正在使用quasar框架和Vue js开发一个应用程序。最初,我使用拖放功能,并使用jqueryui和jsplumb将它们与web应用程序中的连接器链接起来 基本上,jsplumb库是jquery的插件,与Vue js相比,jquery占用更多的内存空间 因此,我考虑使用纯Vue js功能来满足我的需求。那么,是否有任何Vue js插件可以执行以下任务 1) 能够从一个容器中拖动块并将其放到另一个容器中的特定位置 2) 能够将端点(如jsplumb中提供的)添加到删除的块中 3) 并且能够在容

我正在使用quasar框架和Vue js开发一个应用程序。最初,我使用拖放功能,并使用jqueryuijsplumb将它们与web应用程序中的连接器链接起来

基本上,jsplumb库是jquery的插件,与Vue js相比,jquery占用更多的内存空间

因此,我考虑使用纯Vue js功能来满足我的需求。那么,是否有任何Vue js插件可以执行以下任务

1) 能够从一个容器中拖动块并将其放到另一个容器中的特定位置

2) 能够将端点(如jsplumb中提供的)添加到删除的块中

3) 并且能够在容器中的任何块之间绘制连接链接

那么有没有办法用纯的Vue js和Quasar来代替jquery和jsplumb呢?

根据文档:有一个Vue版本,但看起来是付费的

在另一部分中,它还说“尽管jsPlumb不依赖于jQuery,但它也支持jQuery选择器作为元素的参数(因为jQuery的选择器对象类似于列表,即,它有一个长度属性和索引访问器)。”所以使用jsPlumb不需要jQuery。我们找到了掩护

然后,您可以对拖放部件使用同样使用vue.sortable的

那么,如果在Jquery中已经有一堆使用jsplumb的选择器呢?您可以使用以下选择器方法替换jquery:

window.$ = function(selector) {
    var selectorType = 'querySelectorAll';

    if (selector.indexOf('#') === 0) {
        selectorType = 'getElementById';
        selector = selector.substr(1, selector.length);
    }

    return document[selectorType](selector);
};
此处的代码片段:


希望有帮助。

谢谢。但Draggable使用vue.sortable,可以以列表方式删除它。但是是否有任何东西可以将块放到div/容器中的特定位置?@Darshantheerth有一个vue dragula(dragula的vue实现),但我从未使用过,所以不确定它是否有用。