这个组件的作用,可以当作是页面中的页面,需要注意的是在show=true时,你的页面是无法自由滚动的,如果有滚动需求可以给最大的盒子加个{height: 100vh;overflow: scroll;}这就可以自由滚动了,如果下面事件,你注册了,操作时却没反应那就使用bind:,(对于@不能用多半是小程序编译问题)
<page-container
:show="show"
:duration="false"
:overlay="false"
@beforeleave="beforeleave"
>
</page-container>
这个组件对应的参数和api
- show:是否隐藏
- duration:动画
- overlay:是否同时显示遮罩层
- 在page-container触发、收回的这个过程中,会触发以下几个函数:
- @beforeenter:弹出前触发
- @enter:弹出中触发
- @afterenter:完成弹出后触发
- @beforeleave:收回前触发
- @leave:收回中触发
- @afterleave:完成收回后触发
- @clickoverlay:点击遮罩层时触发