以前做遮罩层都是写最小高度来占满屏，但是总会出现问题，也没改变，今天一个人在交流群上问这个时，看到一个回答解决了我这一个bug，学到了，现在记录一下样式。


div.popContainer{

position: fixed;

top: 0;

left: 0;

right: 0;

bottom: 0;

background: rgba(0,0,0,0.3);
}
div.popContainer{

position: fixed;

top: 0;

left: 0;

right: 0;

bottom: 0;

background: rgba(0,0,0,0.3);
}这样遮罩层就会占满屏了补充知识：vue 锁定蒙版 不让里面页面滑动补充知识：补充知识：vue 锁定蒙版 不让里面页面滑动其实就是一句代码，在你的蒙版里面添加一句@touchmove.prevent就好了，下面是例子

以上这篇vue 弹出遮罩层样式实例就是小编分享给大家的全部内容了，希望能给大家一个参考。