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

vant的dialog触发了其他overlay

原代码:

<!-- dialog --><van-dialog v-model="showTipsDialog" title="温馨提示"><p>dialog内容</p></van-dialog><!-- overlay --><van-overlay style="display: flex" :show="showLoadingOverlay"><div><van-loading color="#1989fa" /></div></van-overlay>

在触发showTipsDialog=true之后,dialog的遮罩层消失了,但是触发了overlay,并检查showLoadingOverlay是为false的。

排查原因:
因为调整overlay内容样式的时候直接把样式写在了overlay的style里面造成了样式污染,把样式写在自定义类名className即可解决。

<van-overlay className="loading_overlay" :show="showLoadingOverlay"><div><van-loading color="#1989fa" /></div></van-overlay>
http://www.lryc.cn/news/386409.html

相关文章:

  • Linux驱动开发笔记(十二)并发与竞争
  • 【Mac】Listen 1 for Mac(最强的音乐搜索工具)软件介绍
  • nginx 1024 worker_connections are not enough while connecting to upstream
  • 在Ubuntu 16.04上安装和配置Elasticsearch的方法
  • C#给SqlSugar封装一个单例类
  • Postman接口测试工具的原理及应用详解(六)
  • 【算法 之插入排序 原理及案例】
  • 第一节:如何开发第一个spring boot3.x项目(自学Spring boot 3.x的第一天)
  • JS逆向:由 words 、sigBytes 引发的一系列思考与实践
  • 计算机的错误计算(十五)
  • 制作img文件
  • GB28181视频汇聚平台EasyCVR接入Ehome设备视频播放出现异常是什么原因?
  • Java利用poi实现word,excel,ppt,pdf等各类型文档密码检测
  • 顺序表与链表学习笔记
  • 2.SQL注入-字符型
  • 在Ubuntu 14.04上安装和配置Elasticsearch的方法
  • C++:inline关键字nullptr
  • 数字信号处理实验三(IIR数字滤波器设计)
  • Why is Kafka fast?(Kafka性能基石)
  • Linux下的SSH详解及Ubuntu教程
  • MobPush HarmonyOS NEXT 版本集成指南
  • 什么是封装?为什么要封装?
  • 远程桌面无法复制粘贴文件到本地怎么办?
  • LeetCode 207. 课程表
  • 数据结构历年考研真题对应知识点(树的基本概念)
  • Pytorch和Tensorflow安装【Win和Linux】
  • 筑算网基石 创数智未来|锐捷网络闪耀2024 MWC上海
  • T4打卡 学习笔记
  • 抖音矩阵云混剪系统源码 短视频矩阵营销系统V2(全开源版)
  • zabbix报警机制