MintUI中的mt-popup中嵌套mt-popup

常用的vue移动端组件库:官网

需求场景:弹窗上还有一层弹窗(如弹窗上的日期组件),使用MintUI中的mt-popup来实现

惯性思维,会这样写:

<mt-popup>
    <mt-popup></mt-popup>
</mt-popup>

这个是错误的,这样导致层级错误

正确写法:

<mt-popup></mt-popup>
<mt-popup></mt-popup>

还需要修改toast的堆叠层级,会被覆盖,在app.vue中修改

.mint-toast {
    z-index: 2043 !important;
}

 


版权声明:本文为LPLIFE原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。