uniapp中uni-popup在小程序中滚动穿透问题

1登峰造极2024-11-26 13:22

官网例子
使用场景，在小程序中一个页面内容很长，点击某一项需要弹框，这个弹框需要定位在一定位置，下面的页面不需要滚动
1.直接在模板中添加

复制代码

<template>
   <page-meta :page-style="controlStyle" ></page-meta>
</template>

2在data中定义数据

复制代码

 data() {
    return {
        controlStyle: 'overflow:auto',
    }
  },

3.在触发弹窗打开的时候赋值

复制代码

 this.controlStyle = 'overflow:hidden'

4.弹窗关闭时再次赋值回来，保证页面正常滚动

复制代码

 this.controlStyle = 'overflow:auto'