uniapp中uni-popup在小程序中滚动穿透问题
官网例子
使用场景,在小程序中一个页面内容很长,点击某一项需要弹框,这个弹框需要定位在一定位置,下面的页面不需要滚动
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'