【Vue3+Element Plus】el-dialog弹窗点击遮罩层无法关闭弹窗问题记录

问题描述

新建了一个Vue3+TypeScript项目,引入了Element Plus组件,使用的是自动导入的方式,项目运行后发现el-dialog弹窗组件点击遮罩层无法关闭,排查了很久也没发现有什么问题。

打开无痕模式访问页面,却发现弹窗可以关闭;

另外我再新建一个终端去运行项目也是可以关闭的(就是比如我一开始运行是5173端口,再新建终端运行就是5174端口,5173那个无法关闭,5174这个可以关闭)

解决方法

一直没找到解决方法,就暂时没管这个问题继续写后续逻辑了,在写到 vite.config.ts 中server配置代理的时候,指定了port端口号,运行项目后突然发现弹窗无法关闭的问题就好了,很神奇,特此记录一下。

有没有大佬能解释下是什么原因?

相关推荐
vim怎么退出2 小时前
一次线上样式问题复盘:当你钻进 CSS 牛角尖时,问题可能根本不在 CSS
前端·css
echo_e2 小时前
手搓前端虚拟列表
前端
用泥种荷花2 小时前
【LangChain学习笔记】创建智能体
前端
再吃一根胡萝卜2 小时前
在 Ant Design Vue 的 a-table 中将特定数据行固定在底部
前端
掘金安东尼3 小时前
Vercel:我们为 React2Shell 发起了一项价值 100 万美元的黑客挑战
前端·javascript·github
掘金安东尼3 小时前
浏览器处理Base64数据的速度有多快?
前端·javascript·github
掘金安东尼3 小时前
为不同场景设计多样化的页面过渡动画
前端·javascript·github
多仔ヾ3 小时前
Vue.js 前端开发实战之 02-Vue 开发基础(1)
vue.js