iviewUI中的Drawer组件大家都经常用，如果你的项目足够复杂，会有多层Drawer嵌套使用的场景。今天发现在多层嵌套时会导致层级覆盖的问题。
Drawer组件官方支持transfer是否将抽屉放置于 body 内 默认值是 true
这个属性会使得页面中的由Drawer组件生成的node节点，全部放在body中同级存在。为了保证Drawer的效能，node节点并不会在关闭时销毁，所以Drawer的加载顺序会决定Drawer的层级。当我们在嵌套使用时，经常会误以为组件没有更新，但其实不然。
网上有问题说给Drawer组件绑定class，并设置z-indx，我个人实验没有效果（会导致遮罩层的层级问题，可能和我的业务有关系，没有细看）
解决方案是给被嵌套的Drawer组件设置 transfer:‘false’，如果是vue项目的话，你需要写成:transfer=“false”，这样被嵌套的组件生成的node节点就会被父级包裹（不是在其他drawer的同级了）
到这里问题就解决了，但是我这边在父级的Drawer中还有用wangEditor生成的一个富文本编辑器，默认情况下编辑器内置会将当前node的z-index设置成10000，简单看了api，好像还不支持配置（真是个奇葩）。那只能修改我们被嵌套的Drawer的层级了，给Drawer组件绑定class，并设置z-indx:10001
到这里就解决了，虽然功能点很小，但常在河边走，哪能保证鞋不湿呢?
1160
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
