Question

我正在使用quasar框架和Vue js开发应用程序。最初，我使用了拖放功能，并使用 jquery UI 和 jsplumb 将它们与我的网络应用中的连接器相关联。

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

所以，我想过为我的要求使用纯粹的 Vue js 功能。那么有任何Vue js插件可以执行以下任务吗？

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

2）能够将端点（如jsplumb中提供的）添加到已删除的块

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

那么有没有办法用纯 Vue js和Quasar 替换 jquery 和 jsplumb ？

Answer 1

根据文档：JSPlumb features有一个vue版本，但看起来它已付费。

另外在其他部分它说“尽管jsPlumb不依赖于jQuery，但它也支持jQuery选择器作为元素的参数（vanilla jsPlumb，因为jQuery的选择器对象是类似列表的，即它具有长度属性和索引访问器） “。所以你不需要jQuery来使用JsPlumb。我们得到了这个封面。

然后你可以使用Draggable使用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);
};

来自此处的代码段：https://blog.garstasio.com/you-dont-need-jquery/selectors/

希望它有所帮助。

使用Vue js时jsplumb的替代方法是什么？

1 个答案: