博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中超简单的方法实现点击一个按钮出现弹框,点击弹框外关闭弹框
阅读量:4525 次
发布时间:2019-06-08

本文共 375 字,大约阅读时间需要 1 分钟。

效果图展示:

 

View层

 

数据层:

 

样式层:

 

关键点:

1.mask层的层级(z-index)要比弹出的pop的层级低。

2.wow,写完啦,就是这么简单....

完整代码:

 

扩展:按钮在父组件,弹框是一个子组件,会涉及到父子组件之间的传值。

至此,功能完成

转载于:https://www.cnblogs.com/DZzzz/p/11204805.html

你可能感兴趣的文章