2022-04-29 iview Drawer抽屉组件 设置inner和transfer后内容显示层级问题

前言:用iview的drawer做一个效果:点击弹出一个modal,然后在modal里面再点击,弹出一个drawer。

问题:设置inner=true,transfer=false,点击modal弹出的drawer层级没有覆盖掉modal,也就是modal挡住了drawer,导致无法选中drawer;

而且我希望的是drawer是在modal里面弹出,而现在是在整个网页的右边出现。

原因:drawer没有放在modal里面,我把它的代码和modal放在了同一级,所以如果想实现效果在哪里弹出,就得把drawer代码放在哪里。

解决方案:把drawer写到modal里面。

注:inner=true,transfer=false,v-model="drawer显示状态"必须设置。

posted @ 2022-04-29 14:10  叶乘风  阅读(1008)  评论(0编辑  收藏  举报