hellodigua / vue-danmaku

基于 Vue 的弹幕交互组件 | A danmaku component for Vue
https://hellodigua.github.io/vue-danmaku
MIT License
620 stars 60 forks source link

当 danmus为空,loop为false 时,我给danmus添加数据,没有弹幕显示,但是loop设置为true又有了,但是插槽取不到content的值 #8

Closed lcy7 closed 3 years ago

lcy7 commented 3 years ago

<template> <div class="barrage-container"> <vue-danmaku ref="danmaku" :danmus="danmus" :config="config">

<template v-slot:dm="{ index, danmu }"> <span class="danmu-item">111{{index}}{{ danmu.content }}</span> </template> </vue-danmaku> </div> </template>

<script> import vueDanmaku from 'vue-danmaku' import { getBarrageList } from '@/api/index' export default { components: { vueDanmaku }, data() { return { danmus: [], config: { slot: true, channels: 5, loop: false, speed: 5 }, barrageList: [], timer: null } }, mounted() { this.getBarrageList() }, methods: { getBarrageList() { this.danmus = [{ content: 222 }] this.$nextTick(() => { this.$refs.danmaku.play() }) } } } </script>

hellodigua commented 3 years ago

loop为false 时,我给danmus添加数据,没有弹幕显示

这是个BUG,已经在0.3.4中修复了

hellodigua commented 3 years ago

但是插槽取不到content的值

这是因为danmu数据暂未支持异步配置,在0.3.5中补充了这部分功能

你可以重新安装0.3.5,然后就没问题了

lcy7 commented 3 years ago

Can't find package vue-danmaku@^0.3.5

hellodigua commented 3 years ago

刚发布,你再试试,npm源用官方的,如果还没有就等等,可能是还没缓存到npm下载服务器

lcy7 commented 3 years ago

好的,感谢,家里面网不好,我明天到公司试试

hellodigua commented 3 years ago

@lcy7 更新了0.3.6,这个应该可以了