javascript - VueJS 监听自定义事件？

Question

我正在尝试弄清楚如何让 Vue 监听自定义事件(拖放)。例如我需要运行此事件:

pckry.on( 'layoutComplete', function( ) {
  pckry.layout();
});

Packery 库事件 http://packery.metafizzy.co/events.html

我的代码:http://codepen.io/Monocle/pen/ZbeBGL

以及如何根据 DOM 中的更改更新 $data(重新排序元素后)？

Answer 1

如果您有对该元素的引用。只需添加一个事件监听器:

pckry.addEventListener('layoutComplete', (ev)=> {
        console.log('event~!');
      }, true);

您可以在此处查看此自定义事件内容 https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener