message的消息提示框的层级比列表的低的解决办法

方法1 :

找到比他大的层级不要在style的样式中加scoped或者直接加在app.vue文件中

<style lang="scss">

.el-overlay.is-message-box .el-overlay-message-box {

z-index: 99;

}

</style>

方法2:找到它的父级降低层级

加入z-index:0即可

elementPlus按需引入之后还会出现样式不出来的情况,

这种情况容易误导还以为是电脑卡了其实弹框已经出来了,只是未引入样式

需要引入它的样式

import { ElMessage, ElMessageBox } from "element-plus";

import "element-plus/theme-chalk/el-message.css";

import "element-plus/theme-chalk/el-message-box.css";