vue弹窗调用另一个弹窗_Vue.js弹窗组件使用方法

Vue.js弹窗组件使用方法

发布于 2020-3-17|

复制链接

弹窗是一个项目必备的复用利器，

本文实例为大家分享了vue弹窗组件的具体代码，供大家参考，具体内容如下弹窗是一个项目必备的复用利器，所以封装起来，保证项目ui一致，是很有必要的。学了一段时间vue，想想还是用vue写一下吧。用的很小白，但是会写出来了，说明我也有进步一丢丢了。继续加油…. 代码贴图如下，样式比较丑，不要介意…

```xhtml

ys-vue-modal-component

p,h4{

margin:0;

}

.modal{

width: 480px;

background-color: #fff;

border: 1px solid rgba(0, 0, 0, .3);

border-radius: 6px;

box-shadow: 0 4px 12px rgba(0, 0, 0, .5);

margin: 50px;

}

.modal-header {

color: #fff;

background: cadetblue;

border-radius: 6px 6px 0 0;

padding: 15px;

border-bottom: 1px solid #5e9fa1;

}

.modal-content div {

padding: 15px 10px;

}

.modal-f