当前位置: 首页 > news >正文

uniapp u-popup弹窗展示时禁止底部内容滚动,禁止滑动遮罩层滚动

<template><view><page-meta :page-style="popupOpen ? 'overflow:hidden;' : ''" /><view class="content"><!-- 底部可滚动内容 --><scroll-view scroll-y style="height: 500rpx;"><view v-for="i in 30" :key="i">内容 {{ i }}</view></scroll-view></view><u-button @click="popupOpen = true">打开弹窗</u-button><u-popup v-model="popupOpen" mode="bottom"><view class="popup-box">弹窗内容<u-button @click="popupOpen = false">关闭</u-button></view></u-popup></view>
</template><script>
export default {data() {return {popupOpen: false}}
}
</script>

关键代码:

page-meta :page-style="popupOpen ? 'overflow:hidden;' : ''"

http://www.dtcms.com/a/390791.html

相关文章:

  • 赛灵思 XCVU13P-2FIGD2104E XilinxFPGA VirtexUltraScale+
  • 基于非线性MPC的自动驾驶路径跟踪与避障控制器设计(Matlab实现)
  • 使用云手机进行烈火一刀挂机多开的优势
  • 造成云手机黑屏的原因有哪些?
  • 智能电视玩机攻略_开启设备隐藏ADB 自由安装第三方应用
  • 微服务项目->在线oj系统(Java-Spring)----2.0
  • Swift闭包使用详情
  • STM32,新手学习
  • 保险丝Fuse
  • Kafka的持久化及副本机制总结
  • c() 函数在 R 中的用途详解
  • 使用Rsync+sersync实现数据实时同步
  • 关于conda forge长时间solving的问题以及如何解决
  • 前端学习手册-JavaScript基础语法(十)
  • 如何在 Linux 服务器上查看 GPU 型号与 CUDA 版本?
  • LeetCode hot 100 解题思路记录(三)
  • 小程序移动端设计UI(二)酒店自助入住小程序—东方仙盟练气期
  • 解决pnpm中的 Pinia 版本冲突:Cannot read properties of undefined (reading ‘_s‘)
  • 说一说大模型后训练的流程
  • 【微实验】激光测径系列(三)
  • Vim 使用从入门到精通
  • 快速实现 Excel 表格转 SVG:Java 教程
  • [极客大挑战 2019]LoveSQL
  • Excel和WPS表格中选中全部空单元格并输入相同内容
  • 日志易制造业安全UEBA解决方案
  • Java 将 HTML 转换为 Excel:实用指南
  • MySQL索引篇---数据结构的选择
  • 【STM32 CubeMX + Keil】 中断、NVIC 、EXTI
  • BIGO一面面试总结
  • Ansible-fetch模块