uniapp 用view组件作为按钮 防止重复点击 我的实现方法

        <view class="btnbox" @click.stop="requestPayment()" v-show="gopay">
            <text class="btntxt">去支付</text>
        </view>
        <view class="btnbox" v-show="!gopay">
            <text class="btntxt">支付中 请稍后。。。</text>
        </view>

    export default {
        data() {
            return {
                gopay:true,//支付按钮显示开关，避免重复点击
            }
        },
    }

            async requestPayment() {
                this.gopay=false;//隐藏支付按钮
                //TODO
                }
                uni.requestPayment({
                    
                    },
                    fail: (e) => {
                        
                    },
                    complete: () => {
                        this.gopay=true;//支付完成后打开支付开关
                    }
                })
            },

    .btnbox{
        width: 98%;
        height: 7vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        background-color: #66CDAA;
    }