vue组件实现弹出框点击显示隐藏效果本文实例为大家分享了vue实现弹出框点击显示隐藏的具体代码，供大

详细说明：本文实例为大家分享了vue实现弹出框点击显示隐藏的具体代码，供大家参考，具体内容如下效果如下图由于我的更改密码弹出框是一个组件引用的，所以在一开始是隐藏的，这就需要在当前的页面上对弹出框组件设置v-show,但是在弹出框显示出来的时候，操作执行完后当前页面的更改按钮已经被弹出框覆盖了。所以只能在弹出页面点击取消实现关闭隐藏弹出框。这样就需要写两个点击事件，但是两个点击事件就会有冲突，需要点击两下才能使弹出框显示和隐藏。然后我就用的以下方法，希望可以帮到大家！！！代码如下 1.在当前页面中（主页面）