【报Bug】B页面退回A页面，点击事件无响应

示例代码：

A页面代码(列表页面)

<template>  
    <view class="content">  
        <block v-for="item in test" :key="item.sellId">  
            <item @click="handlerClick(item)" :title="item.title">  
            </item>  
        </block>  
    </view>  
</template>  

<script>  
    import item from './components/item.vue'  

    export default {  
        components: {  
            item,  
        },  
        data() {  
            return {  
                test: [{  
                        sellId: '1',  
                        name: '名称1',  
                        title: '标题1',  
                    },  
                    {  
                        sellId: '2',  
                        name: '名称2',  
                        title: '标题2',  
                    },  
                    {  
                        sellId: '3',  
                        name: '名称3',  
                        title: '标题3',  
                    },  
                    {  
                        sellId: '4',  
                        name: '名称4',  
                        title: '标题4',  
                    },  
                ]  
            }  
        },  
        onLoad() {  
            uni.$on('item-test', this.updateData)  
        },  
        methods: {  
            updateData({  
                sellId  
            }) {  
                console.log('on-sellId', sellId)  

                const selectIdx = this.test.findIndex((v) => v.sellId === sellId)  
                if (selectIdx === -1) return  
                this.test.splice(selectIdx, 1)  
            },  
            handlerClick(item) {  
                console.log('item', item)  
                const url = `/pages/index/detail?id=${item.sellId}`  
                uni.navigateTo({  
                    url,  
                })  
            }  
        }  
    }  
</script>

B页面代码(详情页面)

<template>  
    <view class="detail">  
        <image class="logo" src="/static/logo.png"></image>  
        <view class="text-area">  
            <text class="id">sellId是{{id}}</text>  
        </view>  
        <view class="text-area" @click="handlerBack">  
            <text class="id">emit通信，点击回退上个页面，带sellId回去</text>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                id: ''  
            }  
        },  
        onLoad(options) {  
            const {  
                id = ''  
            } = options || {}  
            console.log('id,', id)  
            this.id = id  
        },  
        methods: {  
            handlerBack() {  
                uni.$emit('item-test', {  
                    sellId: this.id  
                })  
                uni.navigateBack()  
            }  
        }  
    }  
</script>

A页面组件代码

<template>  
    <view class="item" @click="handlerClick">  
        <image class="logo" src="/static/logo.png"></image>  
        <view class="text-area">  
            <text class="title">{{title}}</text>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        name: 'item',  
        props: {  
            title: {  
                type: String,  
                default: '',  
            },  
        },  
        methods: {  
            handlerClick() {  
                console.log('components-click')  
                this.$emit('click')  
            },  
        },  
    }  
</script>

操作步骤：

1. A页面有一个数组，一共有4条数据，用封装好的一个组件进行for循环，然后点击列表的第一条数据，进入B页面。
2. B页面点击回退到上个（A）页面，利用 emit 进行页面通信。
3. 回到A页面，利用 on 监听到事件，进行A页面数组删除操作，把刚点击列表的第一条数据删除，利用 splice 进行删除。
4. A页面第一条数据删除了，列表渲染未删除的三条数据。
5. 列表渲染未删除的三条数据的点击事件无响应了。

预期结果：

列表渲染未删除的三条数据点击事件正常操作。

实际结果：

列表渲染未删除的三条数据的点击事件无响应了