iviewui中多个modal嵌套弹框，按esc键，怎么控制只关闭当前的弹框

[FLTmiao]

例如有三个.vue文件，每个文件是进行嵌套，而且以弹框形式展示
三个文件是：index1.vue，index2.vue，index3.vue；

index1.vue内容：
    <div>
        <Button @click="tankuang2">弹出index2.vue内容</Button>
        <Modal
			v-model="modalProps2.show"
			v-bind="modalProps2"
			@on-close="modalProps2.show=false"
			@on-confirm="modalProps2={}"
		>
            <component :is="modalProps2.component" @on-close="modalProps2={}" v-bind="modalProps2" v-on="modalProps2.on"> 
            </component>
        </Modal>
    </div>

<script>
export default {
    methods:{
        tankuang2(){
            this.modalProps2 = {
                show: true,
                title:'查看弹框2内容',
                width: 460,
                component: "compIndex2",
                showFooter:false
            };
        },
    }
}
</script>

index2.vue内容：
    <div>
        <Button @click="tankuang3">弹出index3.vue内容</Button>
        <Modal
			v-model="modalProps3.show"
			v-bind="modalProps3"
			@on-close="modalProps3.show=false"
			@on-confirm="modalProps3={}"
		>
            <component :is="modalProps3.component" @on-close="modalProps3={}" v-bind="modalProps3" v-on="modalProps3.on"> 
            </component>
        </Modal>
    </div>

<script>
export default {
    methods:{
        tankuang3(){
            this.modalProps3 = {
                show: true,
                title:'查看弹框3内容',
                width: 460,
                component: "compIndex3",
                showFooter:false
            };
        }
    }
}
</script>

这些代码的意思是嵌套弹框，index2在index1里面以弹框内容展示，index3在index2里面也以弹框内容展示。我现在的困惑是，当按esc按键的时候，我不想弹框全部关闭，当打开到最后一层弹框（弹框3）的时候，我想只要当前的最后一层弹框关闭，而不是全部的弹框都关闭。请问有资深人士能不能解惑一下，给个思路也行。这个问题困扰许久了。。。

[jio可]

禁用mask-closable,控制closable就行了。 a > b > c a ,b a子, c b子 当a打开默认closable为true当b打开a closable为false c 打开 b的closable为false, 子窗口关闭改变父窗口的closable为true

[FLTmiao]

引用 1 楼 jio可 的回复:

禁用mask-closable,控制closable就行了。 a > b > c a ,b a子, c b子 当a打开默认closable为true当b打开a closable为false c 打开 b的closable为false, 子窗口关闭改变父窗口的closable为true

谢谢，我大概知道怎么写了