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

Posted xbzhu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui 页面刷新自动弹Message问题相关的知识,希望对你有一定的参考价值。

问题:

通过加载插件的方式引入Message,导致每次页面刷新的时候会自动弹出一个通知消息

  • 该情况只在引入局部插件才会引起
import Vue from ‘vue‘
import ‘element-ui/lib/theme-chalk/index.css‘
···
import {
  ...
  Message,
  ...
} from ‘element-ui‘
...
Vue.use(Message)
...
Vue.prototype.$message = Message

解决办法

通过加载组件的方式引入即可

Vue.use(Message)

改为:

Vue.component(Message.name, Message)

组件 (Component) 是用来构成你的 App 的业务模块,它的目标是 App.vue。
插件 (Plugin) 是用来增强你的技术栈的功能模块,它的目标是 Vue 本身。



以上是关于element-ui 页面刷新自动弹Message问题的主要内容,如果未能解决你的问题,请参考以下文章

Element-ui Message消息提示限制弹出一次

element-ui MessageBox 弹框,我只想要弹出样式,不想要点击,当做一个弹出提醒,两秒后自动关闭

element-ui MessageBox 弹框,我只想要弹出样式,不想要点击,当做一个弹出提醒,两秒后自动关闭

刷新页面后如何显示模态弹出窗口?

vue使用elementUI,接口报错message消息提示弹出过多问题

element-ui弹出多个message的问题处理