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

情况说明

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

解决方法:

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

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

重启服务器即可解决。

相关推荐
码艺-Alimjan11 小时前
Tauri 源码备份 · 打包 & 解压 总结,源码收集之路
前端·javascript·vue.js
顽疲14 小时前
Java vue 养老系统源码详解:月账单 care_month_bill 与 Quartz 扣费 Job 实践
java·开发语言·vue.js·vue养老·springboot养老·java养老
毕业设计70315 小时前
(免费领源码)基于node的学生公寓管理系统06412- java、PHP、python、C#、小程序、大数据、单片机、网络工程等)
vue.js·mysql·node.js·maven·mybatis·express·b/s
古夕15 小时前
地址变了,页面是空的:一次 Vue Router 菜单切换复盘
前端·vue.js
Dreamboat-L16 小时前
日志级别基础 + Spring Boot 日志实践指南
java·服务器·数据库·java-ee·springboot
ab12376816 小时前
Spring WebSocket(STOMP)
笔记·websocket·springboot·stomp
沙漏无语19 小时前
pnpm 安装@vue-office包的幽灵依赖问题解决
前端·javascript·vue.js
雪芽蓝域zzs20 小时前
第 9 节:面积测量(测面工具)
vue.js
℘团子এ20 小时前
vue2中自定义指令的使用
前端·javascript·vue.js
冒险的豆子21 小时前
Vue2 、Vue3 响应式对比及优劣
vue