vue中怎么写弹层

vue中怎么写弹层

在template中写以下文件

js是是关键的

然后是css样式
.black_overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #cccccc;
z-index: 1001;
/* -moz-opacity: 0.8; /
opacity: 0.5;
/ filter: alpha(opacity=88); */
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 55%;
height: 55%;
padding: 20px;
border: 10px solid orange;
background-color: white;
z-index: 1003;
overflow: auto;
}