2

我正在尝试使用 aurelia dragula。我能找到的所有示例都使用自定义元素

<dragula-and-drop drop-fn.call="itemDropped(item, target, source, sibling)"></dragula-and-drop>

然后让 div 像这样充当源/目标

<div class="drag-source drop-target drop-style" data-list="things">
    <compose repeat.for="thing of things" view-model.bind="thing" data-index.bind="$index"></compose>
</div>

效果很好，我可以看到我可以为拖动端添加其他函数绑定等。但是文档显示了 Dragula 可以侦听的一堆事件，但看起来我必须使用 API，而不是自定义元素，以利用这些元素。我似乎无法弄清楚如何在视图中使用 Dragula 对象以及上面的 div。例如...

import { Dragula } from 'aurelia-dragula';
...

let dragula = new Dragula();
dragula.on('drag', (el, source) => {
      console.log('started dragging...');
    });

不会从上面的 div 中获取拖动事件。

我对 aurelia 很陌生，所以也许我错过了一些与框架相关的东西？如何使用 Dragula API 方法而不是自定义元素？

谢谢

4

0 回答 0