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

情况说明

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

解决方法:

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

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

重启服务器即可解决。

相关推荐
不爱吃饭爱吃菜5 分钟前
uniapp微信小程序一键授权登录
前端·javascript·vue.js·微信小程序·uni-app
猛踹瘸子那条好腿の2 小时前
Spring-boot初次使用
java·springboot
BillKu6 小时前
Vue3 Element Plus 对话框加载实现
javascript·vue.js·elementui
运维@小兵8 小时前
vue配置子路由,实现点击左侧菜单,内容区域显示不同的内容
前端·javascript·vue.js
岁岁岁平安10 小时前
Vue3学习(组合式API——Watch侦听器、watchEffect()详解)
前端·javascript·vue.js·学习·watch侦听器·组合式api
码视野10 小时前
基于Spring Boot和Vue的在线考试系统架构设计与实现(源码+论文+部署讲解等)
vue.js·spring boot·系统架构
2501_9153738811 小时前
Vue路由深度解析:Vue Router与导航守卫
前端·javascript·vue.js
LuckyLay13 小时前
Vue百日学习计划Day16-18天详细计划-Gemini版
前端·vue.js·学习
想要飞翔的pig13 小时前
uniapp+vue3页面滚动加载数据
前端·vue.js·uni-app