vue 内嵌页面 el-dialog 关闭时调用外部页面方法

想要实现内部页面关闭时调用外部页面方法，刷新数据，执行其他方法，都可以

在网上找了其他的方法看的不是太懂，也没试，，，，突然有个奇妙的想法，为什么不试试监听呢，嘿嘿，灵机一动，小聪明如下

1.在外部页面导入内嵌页面

import voteDetail from "@/views/vote/voteDetail.vue";

2. 进行引入声明，这个属性是一个动态绑定开关

export default {
  components: {voteDetail},
  data(){
        showVoteDetailTable:false,
    }
}

3.在外部页面进行引用

<vote-detail :voteDetails.sync="showVoteDetailTable" :voteDataVal.sync = "voteDataList"> </vote-detail>

4.在外部页面对内嵌页面的开关进行监听，等于false 的时候，说明是关闭内嵌页面，这时候就可以进行判断内嵌页面关闭时进行外部页面即时调用

  watch:{
    showVoteDetailTable:{
      handler(newVal,oldVal){
        if(newVal === false){
          this.querySubmit();
        }
      }
    }
  },

内嵌页面 最好有个关闭方法 closeDetail 

<el-dialog title="名称" :visible.sync="showDetail" @close="closeDetail">

</el-dialog>

当关闭时 进行数据属性值变化 ，this.$emit('update:voteDetails', false);   

    closeDetail(){
      this.$emit('update:voteDetails', false);
      this.$emit('update:voteDataVal',{});
    },

然后 外部进行监听到 具体看 4  可以实现