uniapp使用uview ui库的popup或者overlay解决它的底层内容滚动问题

本文主要是介绍uniapp使用uview ui库的popup或者overlay解决它的底层内容滚动问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在 微信小程序/App 平台可使用 page-meta 组件动态修改页面样式，
以 uv-popup 为例，需要在 data 中定义一个变量，用来表示 uv-popup 的开启关闭状态，并通过这个变量修改 page-meta 的 overflow 属性。
在 uv-popup 的 打开和关闭 事件中可以接受到 uv-popup 的开启关闭状态 ，并赋值给上面的变量。

<template><page-meta :page-style="'overflow:'+(show?'hidden':'visible')"></page-meta><view class="container"><!-- 普通弹窗 --><uv-popup ref="popup" @open="change(true)" @close="change(false)"><!-- ... --></uv-popup></view>
</template>
<script>export default {data() {return {show:false}},methods: {change(show) {this.show = show}}}
</script>

以上即可解决滚动问题

这篇关于uniapp使用uview ui库的popup或者overlay解决它的底层内容滚动问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---