最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

element 弹窗浏览器后退

维修 admin 827浏览 0评论

element 弹窗浏览器后退

问题: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);},

element 弹窗浏览器后退

问题: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);},

与本文相关的文章

发布评论

评论列表 (0)

  1. 暂无评论