uni-app 点击蒙版层时关闭自定义弹窗

@click.stop：用于阻止冒泡

@click.stop 标签范围内，点击任何区域(包括 @click 点击事件)都不会服务器托管网关闭弹窗。标签范围外会关闭弹窗

@click.stop 标签内的 @click 等事件：如果事件内有关闭弹窗的代码可关闭弹窗

在 template 中

  
    弹窗内容
  

打开弹窗

在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;
服务器托管网}

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: vue

1. 文本: {{ data }} 注: ①. 用双大括号{{ }}引住的内容被称为”Mustache”语法. 2. 原始html: 3. 属性: 注: ①. 如chcked值绑定. 4. 表达式: {{ num + 1 服务器托管网}} {{ ok ? ‘1…