<button type="primary"
@click="data.show = !data.show">{{data}}</button>
<!-- #ifdef MP-ALIPAY -->
<page-container show="{{data.show}}"
onBeforeEnter="onBeforeEnter"
onEnter="onEnter"
onEnterCancelled="onEnterCancelled"
onAfterEnter="onAfterEnter"
onBeforeLeave="onBeforeLeave"
onLeave="onLeave"
onLeaveCancelled="onLeaveCancelled"
onAfterLeave="onAfterLeave"
onClickOverlay="onClickOverlay">
<view>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam dolore
cupiditate esse amet deserunt velit explicabo quam fugiat, odit natus hic
deleniti quisquam incidunt ipsam quia magnam quasi libero neque?
</view>
</page-container>
<!-- #endif -->
<script setup>
import { shallowReactive } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
const data = shallowReactive({
show: false,
has: my.canIUse("page-container"),
version: my.SDKVersion,
})
const onBeforeEnter = e => console.log(e)
const onEnter = e => console.log(e)
const onEnterCancelled = e => console.log(e)
const onAfterEnter = e => console.log(e)
const onBeforeLeave = e => console.log(e)
const onLeave = e => console.log(e)
const onLeaveCancelled = e => console.log(e)
const onAfterLeave = e => console.log(e)
const onClickOverlay = e => console.log(e)
</script>