分类：关闭弹窗

2020
12-30

vue中实现点击空白区域关闭弹窗的两种方法

1.第一种做法首页在外层容器里面取一个名字为main，即ref="main",当bankSwitch为true的时候，弹窗出现<divclass="selectedBorder"ref="main"><divclass="bankItem"v-if="bankSwitch==true">你好我是弹窗里面的内容部分</div></div>所触发的事件如下：首页，先在全局创建一个点击事件:bodyCloseMenus事件作用：当点击main容器的时候（this.refs.main&&!this.refs.main.contains(e.target)），并且弹窗出现的时候（sel... 继续阅读 >

2020
10-10

Vue中关闭弹窗组件时销毁并隐藏操作

背景：在dialog弹窗组件中执行mounted钩子，将数据初始化，等取消关闭弹窗后，发现mounted钩子不执行原因：在vue的生命周期中，在页面初始化的时候mounted只会执行一次，关闭弹窗页面并没有销毁，所以不会再次执行<select-experience-group:trialMoneyRecordID=trialMoneyRecordID:showExperienceGroup='showExperienceGroup'@closeCover="handleExperienceGroup"></select-experience-group>解决办法：就是隐藏dialog的时候要... 继续阅读 >