2018-9-3-vue 取消按钮不能关闭 父节点、爷爷节点 解决方案

分析取消的回调思路

1、有三级页面

partnersApplyList（1级）  、 partnersApplyUpdate （2级）、 partnersAilInfoList （3级）

想在三级节点去关闭，同时关闭二级节点，直接显示一级节点

 

2、点击这个关闭，调用函数 -partnersAilInfoList （3级）

<partners-ail-info-list :applyNo="applyNo" :partnersAilInfoList="partnersAilInfoList"  @closeDialog="closeAll">
</partners-ail-info-list>

 

3、在函数中回调 closeDialog 这个函数-  partnersApplyUpdate （2级）

closeAll(){
  this.$emit('closeDialog')
},

 

4、再回调到最初的这个节点- partnersApplyList（1级）

onCancel() {
    this.$success("已取消");
    this.viewVisible = false;
    this.$emit('closeDialog');
},