【报Bug】vue3中使用v-for循环插槽编译到小程序后会有问题

示例代码：

父组件是这样的

<template>  
        <testSlot :data="item" v-for="item in data" :key="item">  
        <template v-slot:default="scope">  
            <view @click="deleteData(scope.info)">{{ scope.info }}</view>  
        </template>  
    </testSlot>  

    <testSlot2 :data="item" v-for="item in data" :key="item"   
        @deleteData="deleteData">  
    </testSlot2>   

    <testSlot3 :data="data">  
        <template v-slot:default="scope">  
            <view @click="deleteData(scope.info)">{{ scope.info }}</view>  
        </template>  
    </testSlot3>  
</template>  

<script setup>  
        import testSlot from './testSlot.vue'  
    import testSlot2 from './testSlot2.vue'  
    import testSlot3 from './testSlot3.vue'  

    const data = ref([])  
    data.value = Array.from({ length: 30 }, (v, i) => i)  

    function deleteData(info) {  
        const index = data.value.findIndex(ele => ele === info)  
        if(index > -1)  
            data.value.splice(index, 1)  
    }  
</script>

子组件 testSlot

<template>  
    <view class="button">  
        <slot :info="data"></slot>  
    </view>  
</template>  

<script setup>  
    import { toRefs } from 'vue'  

    const props = defineProps({ data: Number })  

    const { data } = toRefs(props)  
</script>  

<style lang="stylus">  
.button  
    width: 100rpx  
    line-height: 60rpx  
    text-align: center  
    border: 1rpx solid #666  
    border-radius: 8rpx  
</style>  

子组件 testSlot2

<template>  
    <view class="button" @click="deleteData(data)">  
        {{ data }}  
    </view>  
</template>  

<script setup>  
    import { toRefs } from 'vue'  

    const props = defineProps({ data: Number })  

    const { data } = toRefs(props)  
    const emits = defineEmits(['deleteData'])  

    function deleteData (data) {  
        emits('deleteData', data)  
    }  
</script>  

<style lang="stylus">  
.button  
    width: 100rpx  
    line-height: 60rpx  
    text-align: center  
    border: 1rpx solid #666  
    border-radius: 8rpx  
</style>  

子组件 testSlot3

<template>  
    <view class="button" v-for="item in data" :key="item">  
        <slot :info="item"></slot>  
    </view>  
</template>  

<script setup>  
    import { toRefs } from 'vue'  

    const props = defineProps({ data: Array })  

    const { data } = toRefs(props)  
    const emits = defineEmits(['deleteData'])  

    function deleteData (data) {  
        emits('deleteData', data)  
    }  
</script>  

<style lang="stylus">  
.button  
    width: 100rpx  
    line-height: 60rpx  
    text-align: center  
    border: 1rpx solid #666  
    border-radius: 8rpx  
</style>  

操作步骤：

代码如上所示，使用testSlot这种作用域插槽写法删除时问题很大，使用testSlot2这种不使用插槽的写法没有问题，使用testSlot3这样写法时wx控制台会有较多警告

预期结果：

三种方式都能正常使用

实际结果：

第一种方式有很大问题，已上传视频，可以看到明显问题，尤其最后多次点击4号并没有被删除