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

情况说明

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

解决方法:

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

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

重启服务器即可解决。

相关推荐
英俊潇洒美少年28 分钟前
前端组件化开发最佳实践 + 高频面试题(Vue & React)
前端·vue.js·react.js
吴声子夜歌1 小时前
Vue3——计算属性和监听属性
前端·vue.js
阿民_armin1 小时前
使用 IntersectionObserver + 哨兵元素实现长列表懒加载
前端·javascript·vue.js
不想说话的麋鹿2 小时前
「性能优化」虚拟列表极致优化实战:从原理到源码,打造丝滑滚动体验
前端·vue.js·面试
一 乐3 小时前
工会管理|基于springboot + vue工会管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·工会管理系统
码农张33 小时前
自定义跨字段校验必填注解
springboot
XTTX1103 小时前
Vue3+Cesium电子围栏效果
前端·javascript·vue.js
格鸰爱童话3 小时前
向AI学习项目技能(七)
学习·springboot
Ruihong4 小时前
你的 Vue 3 defineProps(),VuReact 会编译成什么样的 React?
vue.js·react.js·面试
小高0074 小时前
🔥前端性能内卷终点?Signals 正在重塑我们的开发习惯
前端·javascript·vue.js