微信小程序怎么阻止小程序返回

這篇文章主要介紹“微信小程序怎么阻止小程序返回”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“微信小程序怎么阻止小程序返回”文章能幫助大家解決問題。

方法1：

wx.enableAlertBeforeUnload

onLoad中聲明

wx.enableAlertBeforeUnload({
	message: '請您填寫數據',
	success:()=>{}
})

優點：簡單方便

缺點：無法自定義樣式、按鈕文字及樣式

方法2：

page-container

這是一個類似彈框的組件，具體參數可以去官網查看。

返回操作包括：頂部導航、右滑手勢、安卓物理返回鍵和調用 navigateBack 接口

優點：可以自定義返回框

<template>
<view>
	<text>測試阻止返回的頁面</text>
	<!-- 阻止返回 -->
	//注意一定要用v-if 才可以，不然即使showPage1設置為false，第二次也會直接返回
	<view class="" v-if="showPage1">
		<page-container :show="showPage1" :overlay="false"  @beforeleave="beforeleave('showPage1')"></page-container>
	</view>
</view>
</template>
//數據及方法
data(){
	return {
		showPage1: true   //一開始設置為顯示
	}
},
methods: {
	beforeleave(){
		this.showPage1 = false  //這個很重要，一定要先把彈框刪除掉
		uni.showModal({
			title: `確定要退出嗎`,
			success: (e)=>{
				if(e.confirm) {
				//判斷是上一個頁面進入(返回)，還是直接進入這個頁面(回首頁)
					let pages = getCurrentPages()
					if(pages.length == 1){
						uni.switchTab({
							url: '/pages/index/index'
						})
					}else {
						uni.navigateBack(1)
					}
				}else {
					//點取消，生成新的彈框
					this.showPage1 = true
				}
			},
		})
	}
}

關于“微信小程序怎么阻止小程序返回”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。