在uni-app中,uni-popup组件通常会自动生成一个遮罩层。你需要确保你的uni-popup组件已经被正确引入和使用。 为遮罩层添加点击事件监听器: uni-app的uni-popup组件本身提供了mask-click事件,该事件会在点击遮罩层时触发。你可以通过监听这个事件来实现点击遮罩层隐藏uni-popup的功能。 在点击事件处理函数中编写逻辑以...
1 <uni-popupref="popup1"type="bottom":maskClick='false'> </uni-popup> 点击关闭,同时监听关闭 <uni-popupref="popup1"type="bottom":maskClick='true'@change="maskClick"></uni-popup> maskClick方法写入你的逻辑即可
简介:uniapp遮罩层穿透问题,uview遮罩层组件,uview的actionSheet组件.鼠标穿透,uview组件u-popup遮罩滚动穿透问题 问题背景: 使用uniapp或者uview组件时,涉及到遮罩层的出现,一般会随之出现一个问题,就是当长按出现遮罩层时,此时不松手,往下滑动屏幕,还是会触发当前页面所涉及到的页面滚动甚至下拉刷新事件. 看了下各种...
在上添加 @touchmove.stop.prevent,然后需要滚动的部分使用uni的scroll-view组件设置scroll-y="true" <view > <scroll-view scroll-y="true" class="scroll-Y" > <view class="panelItem" v-for="(item,index) in panelList" :key="index"> </view> </scroll-view> </view> 有用 回复 七七: ...