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