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

重要：定义变量，防止多次触发

用户实际操作的时候总会多次点击一个按钮，这样就会弹出多个页面，我们只需要定义一个变量就OK，接下来看代码。

<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>

<style lang="scss">

</style>