1

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

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

所以，我想使用纯Vue js功能来满足我的需求。那么是否有任何 Vue js 插件可以执行以下任务？

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

2) 能够将端点（如 jsplumb 中提供的）添加到丢弃的块

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

那么有什么方法可以只用纯Vue js 和 Quasar替换jquery和jsplumb吗？

4

1 回答 1

1

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

在其他部分它说“虽然 jsPlumb 不依赖于 jQuery，但它也支持 jQuery 选择器作为元素的参数（香草 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/

希望能帮助到你。

于 2017-06-21T12:55:56.277 回答