uniapp小程序使用page-container(点击返回挽留信息)

使用场景：登录注册、身份认证、商品购买等点击左上角的返回会提示一个挽留的弹窗或者信息。
page-container在微信小程序的介绍。

<template>
	<view>
		<view v-if="!backShow">
			...未点击返回键的信息
		</view>
		<view v-if="isShow">
			<page-container :show="isShow" :overlay="false" @beforeleave="beforeleave"></page-container>
		</view>
		<view v-if="backShow">
			...点击返回键后显示的信息
		</view>
	</view>
</template>
<script>
	export default{
		data(){
			return{
				isShow:true,
				backShow:false
			}
		},
		methods:{
			beforeleave(){
				this.isShow = false
				this.backShow = true
				//弹出返回的挽留信息后，还是会显示返回键，如果在点击返回键还是不能返回，则可以增加下面的定时器,不需要直接注释即可
				setTimeout(()=>{
					this.isShow = true
				},10)
			}
		}
	}
</script>