打开弹框el-dialog，子组件里面mounted第二次不触发

最近做一个功能，弹框第一次打开可以正常，第二次就无法加载里面的内容

• 父子页面
• 子页面mounted无法加载

找了很多种方法，自己觉得代码少，并且很管用的方法
加一个 v-if，虽然功能和： visible.sync 一样，但是原理不一样

• v-if控制元素的存在与否
• :visible.sync控制el-dialog的显示，当我们退出弹窗时会销毁子组件的变量，实现子组件初始化，下次进入就不会携带上次输入的信息了

<el-dialog :visible.sync="detailShadow"
           v-if="detailShadow"
           :title="fundDetailTitle"
           top="10%"
           v-loading="loadingList"
           center width="999px"
           :destroy-on-close="true">
  <fund-detail
    :fund="sltFund"
    :darkMode="darkMode"
    class="fundDetail"
  ></fund-detail>
</el-dialog>