Javascript 在vuejs模板的子级中声明onended事件

在我的自定义音乐播放器模板中，我有一个html5标签子，是什么播放音乐，我想在结束后请求下一首歌，我认为将所有合一事件放在模板中不是一个好的做法，我想知道如何正确制作

以下是模板：

<template>
<footer id="player" class="player">
<progress min="0" max="1" value="0" ref="progress"></progress>
<div class="div-player">
  <i class="material-icons play-button player-button" >skip_previous</i>
  <i class="material-icons play-button player-button" v-on:click="togglePause">play_circle_outline</i>
  <i class="material-icons play-button player-button" >skip_next</i>
  <audio ref="audioTag" :src="source" autoplay preload="none" @timeupdate="onTimeUpdateListener"></audio>
  <a class=".primary-text-color" style="text-align: center; font-size: small;">{{ title }}</a>
</div>
<!-- <progress min="0" max="1" value="0" ref="progress"></progress> -->
</footer>
</template>

跳过上一步
打圆圈
跳过下一步
{{title}}

---

我开始将侦听器放入组件逻辑，但没有起作用。这方面的任何帮助？？？

最好的方法是定义

v-on:end=“custom event”

，并在组件逻辑的方法部分对其进行管理。

但不起作用

如果您没有提出正确的问题，没有人会有兴趣提供帮助。如果不起作用，请说明您的错误。请用段落来编排你的问题，复习你的英语，也许还包括一个JSFiddle。对不起，一个stumid错误@Stephan-v