Closed lcy7 closed 3 years ago
loop为false 时,我给danmus添加数据,没有弹幕显示
这是个BUG,已经在0.3.4中修复了
但是插槽取不到content的值
这是因为danmu数据暂未支持异步配置,在0.3.5中补充了这部分功能
你可以重新安装0.3.5,然后就没问题了
Can't find package vue-danmaku@^0.3.5
刚发布,你再试试,npm源用官方的,如果还没有就等等,可能是还没缓存到npm下载服务器
好的,感谢,家里面网不好,我明天到公司试试
@lcy7 更新了0.3.6,这个应该可以了
<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>