关闭弹窗组件时，如何实现销毁并隐藏操作？

本文共计289个文字，预计阅读时间需要2分钟。

背景：在dialog弹窗组件中执行mounted钩子，将数据初始化，获取关闭弹窗后的回调，发现mounted钩子未执行。

原因：在Vue的生命周期中，mounted钩子在页面初始化时只会执行一次。关闭弹窗页面后，mounted钩子不会再次执行。

背景：在dialog弹窗组件中执行mounted钩子，将数据初始化，等取消关闭弹窗后，发现mounted钩子不执行

原因：在vue的生命周期中，在页面初始化的时候mounted只会执行一次，关闭弹窗页面并没有销毁，所以不会再次执行

<select-experience-group :trialMoneyRecordID=trialMoneyRecordID :showExperienceGroup='showExperienceGroup' @closeCover="handleExperienceGroup"> </select-experience-group>

解决办法：就是隐藏dialog的时候要销毁这个dialog。给dialog加v-if，在关闭dialog的时候将v-if设置为false这样会直接将其从DOM结构中抹除，到此问题解决。