问题:使用element-plusElMessage插件,触发消息事件页面没有显示。

通过F12发现消息其实是有触发出来的,可以看到消息的element被插入了,并且z-index也正常:

<div id="message_10" class="el-message el-message--error" role="alert" style="top: 16px; z-index: 2012;">
    <p class="el-message__content">消息内容</p>
</div>

问题原因

没有引入element-plus的样式文件导致。样式内容缺失,因此看不到弹窗。

解决方案

在入口处引入样式文件:

import 'element-plus/dist/index.css'
最后修改:2025 年 03 月 12 日
喜欢就给我点赞吧