vue点击出现蒙层

66 阅读 0 评论 44 点赞

我是靠谱客的博主无限萝莉，最近开发中收集的这篇文章主要介绍vue点击出现蒙层，觉得挺不错的，现在分享给大家，希望可以做个参考。

.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点击出现蒙层所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。