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

element 弹窗浏览器后退-遮照层还存在问题 以及跟vue keep-alive冲突

问题:element 弹窗浏览器后退-遮照层还存在问题

查询官网可以设置 modal-append-to-body=“false”
在这里插入图片描述

可以全局设置
ElementUI.Dialog.props.modalAppendToBody.default = false

后续
基本到这能解决问题,不过本项目比较特殊,使用了 keep-alive缓存页面,导致浏览器后退页面是能关闭遮照,但是再次打开弹窗关闭,会出问题。

解决:
浏览器后退,人为将弹窗关闭

封装的弹窗组件内
window.addEventListener('popstate', this.onPopState);onPopState () {this.$emit('update:show', false); // 更新父组件showwindow.removeEventListener('popstate', this.onPopState);},
http://www.lryc.cn/news/222860.html

相关文章:

  • C++(Qt)软件调试---自动注册AeDebug(17)
  • 云原生周刊:Gateway API 1.0.0 发布 | 2023.11.6
  • Java2 - 数据结构
  • 精解括号匹配问题与极致栈设计:揭开最大栈和最小栈的奥秘
  • 云存储/视频监控管理平台EasyCVR,使用sqlite数据库出现卡顿该如何优化?
  • 实战!工作中常用的设计模式
  • MySQL进阶_1.逻辑架构和SQL执行流程
  • 基于GCC的工具objdump实现反汇编
  • 排序算法的空间复杂度和时间复杂度
  • 【电路笔记】-基尔霍夫电路定律
  • 从零开始搭建React+TypeScript+webpack开发环境-基于axios的Ajax请求工具
  • 【uniapp小程序下载】调用uni.uploadfile方法在调试工具里是没有问题的,但是线上版本和体验版就调用不成功,真机调试也没问题
  • chatGLM中GLM设计思路
  • 卡牌游戏类型定制开发微信卡牌小程序游戏
  • web —— css(1)
  • 站群服务器的特性和好处是什么
  • 竞赛 行人重识别(person reid) - 机器视觉 深度学习 opencv python
  • 软件设计模式的意义
  • vue基础知识十八:说说你对keep-alive的理解是什么?
  • Linux CentOS配置阿里云yum源
  • ESP32网络开发实例-Web服务器以仪表形式显示传感器计数
  • @Bean有哪些属性
  • 【Qt之绘制兔纸】
  • JS+CSS随机点名详细介绍复制可用(可自己添加人名)
  • 西瓜书笔记
  • 学算法常用刷题网站
  • hdlbits系列verilog解答(always块条件语句)-37
  • 智能井盖生产商家,万宾科技井盖传感器产品详情
  • 开启AWS的ubuntu服务器的root用户登录权限
  • ES6模块介绍—module的语法import、export简单介绍及用法