.mongolia{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
用一个div来代表蒙层，该div样式如上。用v-if绑定一个变量a来控制该div是否显示，初始默认不显示。点击图片（@click），触发一个函数，该函数改变a为true使蒙层显示出来。
最后
以上就是无限萝莉最近收集整理的关于vue点击出现蒙层的全部内容，更多相关vue点击出现蒙层内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复