javascript - vue中如何实现点击其他地方关闭modal
本文介绍了javascript - vue中如何实现点击其他地方关闭modal的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
如图中所示,点击其他地方如何关闭这个弹出层,用jquery操作起来很简单,我想知道在vue中实现这个功能的
思路是什么?
解决方案
当弹出modal的时候,在modal下面写一个遮罩层overlay, css样式为position: fixed; top: 0; right: 0; bottom: 0; left: 0;
并在其上面绑定一个点击事件关闭modal
这篇关于javascript - vue中如何实现点击其他地方关闭modal的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文