Question

在我的自定义音乐播放器的模板中，我有一个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>

我首先将监听器放入组件逻辑但是没有工作。对此有何帮助？

Answer 1

最好的方法是定义v-on:ended="custom-event"并在组件逻辑的方法部分管理它。

在vuejs模板的子节点声明onended事件

1 个答案: