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

情况说明

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

解决方法:

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

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

重启服务器即可解决。

相关推荐
志尊宝30 分钟前
Vue3 零基础每日笔记(032):Suspense 与异步组件——懒加载与顶层 await 终极方案
前端·javascript·vue.js·笔记·html5
志尊宝38 分钟前
Vue3 零基础每日笔记(035):什么是 Composables——mixin 之死与逻辑复用新方案
笔记·vue·html·前端开发·软件开发
志尊宝2 小时前
Vue3 零基础每日笔记(030):动态组件与 keep-alive——切换组件与页面缓存
笔记·vue·html·前端开发·软件开发
高级程序源3 小时前
django校企合作实习基地管理系统82506-计算机课程设计、毕业设计
vue.js·后端·python·mysql·django·课程设计·pygame
志尊宝3 小时前
Vue3 零基础每日笔记(029):插槽 slot 三连——默认、具名、作用域一次讲透
前端·javascript·vue.js·vue·前端开发
nicole bai3 小时前
vue前端全局图标闪一下的问题
前端·vue.js
Bs_MoneyMagnet4 小时前
基于springboot+vue的图书馆预约系统的设计与实现 源码+文档
java·vue.js·spring boot·后端·毕业设计·图书管理系统·计算机毕业设计
凤山老林4 小时前
高并发系统架构设计:Spring Boot 多级限流、库存预扣减与异步下单全链路实战
springboot·高并发·限流·异步
志尊宝4 小时前
Vue3 零基础每日笔记(027):组件上的 v-model——让自定义组件也能双向绑定
前端·javascript·vue.js·笔记·html5
尾善爱看海13 小时前
Vue 面试收官篇:SSR、性能优化落地、30 道高频面试题精讲(附标准答案)
前端·javascript·vue.js·面试·vue