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

情况说明

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

解决方法:

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

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

重启服务器即可解决。

相关推荐
鸿Hong2 小时前
从事Vue开发之查漏补缺:深度选择器
vue.js
小小前端_我自坚强2 小时前
vue提高技术 高级语法相关
前端·vue.js·前端框架
小小前端_我自坚强2 小时前
Vue 3 使用心得
前端·javascript·vue.js
Keepreal4963 小时前
使用Canvas绘制转盘
javascript·vue.js·canvas
ScriptBIN3 小时前
Javaweb--Vue
前端·vue.js
前端Hardy3 小时前
Vue 高效开发技巧合集:10 个实用技巧让代码简洁 50%+,面试直接加分!
前端·javascript·vue.js
@大迁世界7 小时前
第03章: Vue 3 组合式函数深度指南
前端·javascript·vue.js·前端框架·ecmascript
韩立学长7 小时前
【开题答辩实录分享】以《走失人口系统档案的设计与实现》为例进行答辩实录分享
mysql·mybatis·springboot
二十雨辰7 小时前
vite与ts的结合
开发语言·前端·vue.js
我是日安7 小时前
从零到一打造 Vue3 响应式系统 Day 25 - Watch:清理 SideEffect
前端·javascript·vue.js