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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue使用elementUI,接口报错message消息提示弹出过多问题相关的知识,希望对你有一定的参考价值。

参考技术A 记录登录失效时,跳转到登陆页面,消息弹窗过多,影响用户体验的问题,如图。

我们可以重写message来优化这一功能。

1、先写一个resetMessage.js

2、在引入elementUI的文件内引入该js文件。(main.js或router.js)

注意:挂载自定义message必须放在Vue.use(ElementUI)后面,才能覆盖element-ui默认的message,不然没有效果

这样就不用担心重复点击会弹出好多弹框了
3、在vue页面使用

4、在JS中引用

这样就可以只弹一个了。

以上是关于vue使用elementUI,接口报错message消息提示弹出过多问题的主要内容,如果未能解决你的问题,请参考以下文章

Vue ElementUI Axios报错: Uncaught (in promise) TypeError: Cannot read property '$message' of u

vue+elementUI输入框调用接口校验

VUE中使用ElementUi的Message弹窗提示

VUE中使用ElementUi的Message弹窗提示

Vue 项目中使用ElementUI 框架中message 对话框实例对象

vue+elementUi在点js.js文件中使用Message消息提示NotificationMessageBoxsuccesimportfrom