Skip to content

Events

因为某些属性的情况下,danmaku-vue 增加了这些回调:

列表

事件名说明返回值
list-end所有弹幕插入完毕-
play-end所有弹幕播放完成(已滚出屏幕)index(最后一个弹幕的下标)
dm-click弹幕点击danmu数据,index

Usage

可通过以下方式调用:

vue
<script setup>
import Danmaku from 'danmaku-vue'

function handleClickDm(dm: dm, index: number) { 
  console.log('当前点击的弹幕:>> ', index, dm);
} 

function handleListEnd() { 
  console.log('循环播放一轮结束');
} 

function handlePlayEnd(index: number) { 
  console.log('播放结束', index);
} 
</script>

<template>
<Danmak @dm-click="handleClickDm" @play-end="handleListEnd" @list-end="handlePlayEnd" ...>
</Danmaku>
</template>

具体用法不在赘述,详情可参考demo

Copyright © 2023-present dshuais. All rights reserved.