uniapp跳转页面防止多次点击uni.navigateTo

<template>
    <view class="column">
        <button @click="navto('/pages/index/index')">点击跳转</button>
    </view>
</template>
 
<script>
    export default {
        data() {
            return {
                flag: false //防止多次点击
            };
        },
        methods: {
            navto(url) {
                if (!this.flag) {
                    this.flag = true
                    uni.showLoading();
                    uni.navigateTo({
                        url: url,
                        success: () => {
                            this.flag = false;
                            uni.hideLoading();
                        },
                        fail: () => {
                            this.flag = false;
                            uni.hideLoading();
                        }
                    })
                }
            },
        },
    }
</script>

————————————————
版权声明：本文为CSDN博主「榨杯橙子汁」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_41586715/article/details/119567834