javascript - Vuejs监听器

我正在创建一个简单的应用程序，它将只有很少的听众。我不知道背后的逻辑应该是什么样子。

HTML:

<div id="playerProgressBar">
    <div id="playerHead"></div>
</div>

在Vue对象中，我定义了变量:

music: document.getElementById('playerHead');

我的听众应该看起来像这样:

music.addEventListener("timeupdate", timeUpdate, false);

music.addEventListener("canplaythrough", function () {
    //code
}, false);

function timeUpdate() {
    //code
}

那么在vuejs中使用监听器的正确方法是什么？我应该在这里使用自定义指令吗？由于我没有事件，因此无法使用方法。将整个逻辑放入ready函数似乎不是正确的方法。提前致谢!

最佳答案

v-on(简写:@)



因此，您可以像这样附加一个事件监听器:

<video @timeupdate="onTimeUpdateListener" src="..."></video>

这是我使用MediaElement库的示例:
https://jsfiddle.net/248nqk02/

关于javascript - Vuejs监听器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34965460/