当使用v-show控制弹幕区域是否显示时，弹幕挤在一起了

[Hchier]

问题

当使用v-show控制弹幕区域是否显示时，弹幕挤在一起了。但是用v-if，则不会有这个问题。

代码实现

在此附上你遇到问题的代码或代码截图。

<template>
    <button @click="show = !show">show</button>

    <Barrage
        v-show="show"
        id="barrage"
        ref="danmaku"
        v-model:danmus="list"
        loop
        :channels="10"
        :speeds="150"
    >

    </Barrage>
</template>

<script lang="ts">
import Barrage from 'vue3-danmaku';
import {defineComponent, reactive, ref} from "vue";

export default defineComponent({
    components: {
        Barrage,
    },

    setup() {
        let show = ref(false);
        let list: Array<string> = reactive(["aaa", "bbb"]);
        return {
            list,
            show,
        };
    },
});
</script>

<style scoped>
#barrage {
    width: 500px;
    height: 300px;
    background-color: black;
}
</style>

环境

• vue-danmaku 版本: 1.4.0-beta.1
• Vue 版本: vue@3.2.47

[hellodigua]

有什么条件限制要求必须用v-show吗，如果没有的话就用v-if吧