【报Bug】vue3 微信小程序，v-if 元素上的点击事件触发错误

示例代码：

<template>  
    <view class="main">  
        <view class="mobile layout-flex-acjs">  
            <input class="input" type="number" placeholder="请输入乘车人手机号" placeholder-style="color: #b7becc" maxlength="11"  
                :focus="mobileFocus" v-model="mobile" @focus="mobileFocus = true" @blur="mobileFocus = false"  
                v-if="mobileFocus || mobile" />  
            <text v-else class="input" @tap="tapMobile"> 请输入乘车人手机号 </text>  
            <view class="image" @tap="clearMobile" v-if="mobileFocus && mobile">  
                <image src="https://tx-t3propublic.t3go.cn/t3-admin/1446319048521506850" />  
            </view>  
        </view>  

        <view class="record">  
            <view class="record-h layout-flex-acjs" @tap="toPassengerHistory">  
                <text>历史乘车人</text>  
                <view class="image">  
                    <image src="https://tx-t3propublic.t3go.cn/t3-admin/1446312561728389153" />  
                </view>  
            </view>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                mobile: '',  

                mobileFocus: false, // 号码输入框聚焦  
            };  
        },  
        methods: {  
            tapMobile() {  
                this.mobileFocus = true;  
            },  
            clearMobile(e) {  
                console.log('xxx-clearMobile', e);  
                this.mobile = '';  
            },  
            toPassengerHistory(e) {  
                console.log('xxx-toPassengerHistory', e);  
            },  
        },  
    };  
</script>  

<style lang="less" scoped>  
    .layout-flex {  
        display: flex;  

        &-ac {  
            display: flex;  
            align-items: center;  
        }  

        &-acjc {  
            display: flex;  
            align-items: center;  
            justify-content: center;  
        }  

        &-acjs {  
            display: flex;  
            align-items: center;  
            justify-content: space-between;  
        }  
    }  

    .main {  
        padding-top: 48rpx;  
        margin: 0 auto;  
        width: 702rpx;  
        min-height: 208rpx;  
        background: #ffffff;  
        box-shadow: 0px 16rpx 24rpx 0px rgba(49, 56, 84, 0.08);  
        border-radius: 24rpx;  
        box-sizing: border-box;  

        .mobile {  
            padding: 26rpx 4rpx 26rpx 24rpx;  
            margin: 0 auto;  
            width: 654rpx;  
            height: 112rpx;  
            background: #f7f8fc;  
            // box-shadow: 0px 2rpx 6rpx 0px rgba(49, 56, 84, 0.03);  
            border-radius: 16rpx;  
            box-sizing: border-box;  

            .input {  
                flex: 1;  
                height: 60rpx;  
                font-size: 44rpx;  
                font-family: PingFangSC-Medium, PingFang SC;  
                font-weight: 500;  
                color: #02102a;  
                line-height: 60rpx;  
                caret-color: #ff8533;  
            }  

            .image {  
                padding: 20rpx;  
                width: 44rpx;  
                height: 44rpx;  

                image {  
                    width: 44rpx;  
                    height: 44rpx;  
                }  
            }  
        }  

        .record {  
            position: relative;  
            padding: 32rpx 0 40rpx;  

            &-h {  
                padding: 0 48rpx;  

                text {  
                    font-size: 24rpx;  
                    font-family: PingFangSC-Regular, PingFang SC;  
                    font-weight: 400;  
                    color: #747881;  
                    line-height: 34rpx;  
                }  

                .image {  
                    image {  
                        width: 24rpx;  
                        height: 24rpx;  
                    }  
                }  
            }  

            &-l {  
                padding: 0 16rpx;  
                box-sizing: border-box;  
                margin-top: 24rpx;  
                height: 56rpx;  
                white-space: nowrap;  
            }  

            &-i {  
                display: inline-block;  
                margin-right: 16rpx;  
                padding: 12rpx 24rpx 10rpx;  
                height: 56rpx;  
                background: rgba(255, 231, 214, 0.3);  
                border-radius: 8rpx;  
                border: 2rpx solid rgba(255, 133, 51, 0.5);  
                box-sizing: border-box;  
                font-size: 24rpx;  
                font-family: PingFangSC-Regular, PingFang SC;  
                font-weight: 400;  
                color: #996220;  
                line-height: 34rpx;  

                &:first-child {  
                    margin-left: 32rpx;  
                }  

                &:last-child {  
                    margin-right: 32rpx;  
                }  
            }  

            .mask {  
                position: absolute;  
                top: 86rpx;  
                width: 72rpx;  
                height: 64rpx;  

                &-1 {  
                    left: 0;  
                    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);  
                }  

                &-2 {  
                    right: 0;  
                    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);  
                }  
            }  
        }  
    }  
</style>

操作步骤：

输入手机号，点击清除按钮

预期结果：

输入手机号，点击清除按钮，清除手机号

实际结果：

输入手机号，点击清除按钮，触发了下面历史乘车人处绑定的点击事件。