Vue项目中点击按钮后浏览器屏幕变黑,再次点击恢复的解决方法

情况说明

点击按钮后出现以下情况,浏览器屏幕变暗,再次点击则恢复正常。

解决方法:

找到你的全局样式文件,我的是gloable.css,添加以下代码:

vue 复制代码
.v-modal {
    display: none;
}

重启服务器即可解决。

相关推荐
刘名喜8 小时前
第24篇-全局异常处理
kotlin·springboot
小爬的老粉丝9 小时前
Vue 3 文件预览生产排障:Worker/WASM 404、鉴权 Blob 与子路径
javascript·vue.js·wasm
布兰妮甜10 小时前
Vue 状态管理选型:Pinia 完整实战,对比 Vuex,模块化持久化
前端·javascript·vue.js·pinia·vuex
FeelTouch Labs11 小时前
Node.js 中的 spawn 和 exec:子进程执行的不同方式对比
node.js·编辑器·vue·vim
小锋java123411 小时前
【技术专题】Vue3 - 条件渲染
vue.js·vite
shawxlee15 小时前
vue3+elementplus+sass/scss安装配置教程:使用svg图标、引入外部字体、定义变量模块、修改组件样式、一键切换主题等
vue·sass·svg·字体·element·scss·主题样式
YDS82917 小时前
大营销平台 —— 架构解析和抽奖流程串联
java·springboot·ddd
刘名喜18 小时前
第21篇-N+1问题与fetch-join-EntityGraph
kotlin·springboot
JiaLin_Denny18 小时前
Vue3中ref和reactive用法与双向数据绑定
前端·javascript·vue.js
无人生还18 小时前
从 Vue3 到 React · 快速上手系列第 12 篇:并发特性与性能优化
前端·vue.js·react.js