vue添加遮罩

一、解释

添加遮罩的原因：防止误操作

实现原理：就是在要添加遮罩层的层上里面添加一个层，让该层撑满整个层即可

 

二、代码

.popContainer{ position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; z-index: 999;
    background: rgba(0,0,0,0.3);
}

注意：要给哪一部分加遮罩，就在这一部分外面加div，div给类名为：popContainer