已解决
uni-app 点击蒙版层时关闭自定义弹窗
来自网友在路上 151851提问 提问时间:2023-09-20 10:31:50阅读次数: 51
最佳答案 问答题库518位专家为你答疑解惑
@click.stop:用于阻止冒泡
@click.stop 标签范围内,点击任何区域(包括 @click 点击事件)都不会关闭弹窗。标签范围外会关闭弹窗
@click.stop 标签内的 @click 等事件:如果事件内有关闭弹窗的代码可关闭弹窗
在 template 中
<view class="pop-box" v-if="showPop" @touchmove.stop.prevent="toMoveHandle" @click="showPop = false"><view @click.stop>弹窗内容</view>
</view>
<view @click="showPop = true">打开弹窗</view>
在 script 中
data() {return {showPop: false,}
}
toMoveHandle 方法请查看:uniapp 禁止遮罩层下的页面滚动
在 style 中
.pop-box {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 999;
}
查看全文
99%的人还看了
相似问题
猜你感兴趣
版权申明
本文"uni-app 点击蒙版层时关闭自定义弹窗":http://eshow365.cn/6-9947-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!
- 上一篇: 微信小程序实现删除功能
- 下一篇: 【java基础】Java常见的创建对象方式