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

情况说明

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

解决方法:

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

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

重启服务器即可解决。

相关推荐
qq_1249870753几秒前
基于springboot+vue的无人机共享管理系统(源码+论文+部署+安装)
java·vue.js·spring boot·后端·毕业设计·无人机·计算机毕业设计
源码获取_wx:Fegn08955 分钟前
计算机毕业设计|基于springboot + vue网上超市系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·spring·课程设计
WYiQIU28 分钟前
普及一下字节前端岗需要达到的强度......
前端·javascript·vue.js·面试·职场和发展
谢尔登2 小时前
Vue3底层原理——keep-alive
javascript·vue.js·ecmascript
Deca~2 小时前
VueVirtualLazyTree-支持懒加载的虚拟树
前端·javascript·vue.js
har01d2 小时前
AI生成的 vue3 日历组件,显示农历与节日,日期可选择,年月可切换
前端·vue.js·节日
我穿棉裤了2 小时前
文字换行自动添加换行符“-”
前端·javascript·vue.js
没有bug.的程序员3 小时前
Spring Boot 启动原理:从 @SpringBootApplication 到自动配置深度解析
java·spring boot·后端·python·springboot·application
Ahtacca3 小时前
拒绝重复造轮子:利用自定义注解封装POI,实现Java通用Excel解析
java·javascript·vue·excel