Element-UI的v-loading和el-dialog冲突



...


...

当v-loading设置fullscreen时,el-dialog模态框会被v-loading的遮罩层遮住,这时候,我用了很多种方法,包括设置z-index等,都没什么作用。调试的过程中发现,如果el-dialog不垂直居中,就不会被遮住。

但我宁愿v-loading不居中,也不想让模态框不居中啊。所以我取消了v-loading的fullscreen,直接用定位让加载图标屏幕居中(虽然其实看起来不太居中)。

这个方法有个不足之处,就是如果需要加载时有遮罩层,单靠Element-UI的v-loading是无法实现的。可以用原生代码实现遮罩,但有点麻烦(所以其实我直接不要遮罩层了)

你可能感兴趣的:(Element-UI的v-loading和el-dialog冲突)