element-ui 页面刷新自动弹Message问题

在开发Vue应用时,可能会遇到未显式调用Message组件但页面刷新后仍出现空消息提示框的困扰。问题源于全局错误地引入了Message。正确做法是避免使用`Vue.use(Message)`,而应将Message注入到Vue原型上,如`Vue.prototype.$message = Message`,这样可以避免不必要的消息弹出,确保代码的正常运行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我们在开发的时候会发现自己没有写Message消息提示,但是刷新页面他会自动弹出一个空的Message,是不是很头疼

 

以下快速解决办法

我们之所以会刷新有空的Message消息提示框,是因为我们引入的方式不对!!!!!!

      这个是错误的引入方式,也就问题的根源

//关键点就是你全局引入
Vue.use(Message)

     我们将上面的改为下面这种就完美的解决了问题

Vue.prototype.$message = Message;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JSON_JSJ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值