Message消息提示为啥不自动消失？

开发者浩轩提问于 2026-03-25 13:24:21 阅读 3

交互

我在用 Element Plus 的 Message 组件，调用 this.$message.success('操作成功') 后提示能出来，但一直卡在页面上不消失，手动刷新才消失。官方文档说默认3秒自动关闭，我也没改过 duration 啊？

是不是哪里配置错了？或者需要额外引入什么样式？控制台没报错，其他组件都正常。

我来解答赞 3 收藏

反馈

1 条解答

爱学习的玉惠 Lv1

我的做法是先检查一下有没有其他地方覆盖了 Message 组件的默认配置。有时候项目里会有全局的样式或者配置文件影响组件的行为。你可以在调用 this.$message.success 的时候，明确指定一下 duration 参数，比如这样：

pre class="pure-highlightjs line-numbers">

this.$message.success({

  message: '操作成功',

  duration: 3000

})

这样可以确保即使有别的地方设置了不同的 duration，这条消息也会按预期消失。如果还是不行的话，再检查一下是不是项目里对 Element Plus 的初始化做了特殊处理，可能会有些全局配置影响到了这个行为。

2026-03-25 13:29