根据官方文档给出的解决方法是
在页面上加上如下代码:
<template>
<page-meta :page-style="'overflow:'+(show?'hidden':'visible')"></page-meta>
<view class="container">
<!-- 普通弹窗 -->
<uni-popup ref="popup" background-color="#fff" @change="change">
<!-- ... -->
</uni-popup>
</view>
</template>
<script>
export default {
data() {
return {
show:false
}
},
methods: {
change(e) {
this.show = e.show
}
}
}
</script>
需要在 data 中定义一个变量,用来表示 uni-popup
的开启关闭状态,并通过这个变量修改 page-meta
的 overflow
属性。
在 uni-popup
的 @change
事件中可以接受到 uni-popup
的开启关闭状态 ,并赋值给上面的变量