<page-container/>页面组件容器

402 阅读1分钟

这个组件的作用,可以当作是页面中的页面,需要注意的是在show=true时,你的页面是无法自由滚动的,如果有滚动需求可以给最大的盒子加个{height: 100vh;overflow: scroll;}这就可以自由滚动了,如果下面事件,你注册了,操作时却没反应那就使用bind:,(对于@不能用多半是小程序编译问题)

<page-container
    :show="show"
    :duration="false"
    :overlay="false"
    @beforeleave="beforeleave"
  >
</page-container>

这个组件对应的参数和api

  1. show:是否隐藏
  2. duration:动画
  3. overlay:是否同时显示遮罩层
  4. 在page-container触发、收回的这个过程中,会触发以下几个函数:
  5. @beforeenter:弹出前触发
  6. @enter:弹出中触发
  7. @afterenter:完成弹出后触发
  8. @beforeleave:收回前触发
  9. @leave:收回中触发
  10. @afterleave:完成收回后触发
  11. @clickoverlay:点击遮罩层时触发