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

JavaScript024

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

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

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

1、先写一个resetMessage.js

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

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

这样就不用担心重复点击会弹出好多弹框了

3、在vue页面使用

4、在JS中引用

这样就可以只弹一个了。

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<META name="Generator" content="EditPlus">

<META name="Author" content="">

<META name="Keywords" content="">

<META name="Description" content="">

</HEAD>

<BODY>

<SCRIPT type="text/javascript">

function MESSAGE(msg){

this.msg = msg

}

var m = new MESSAGE('aaaaaaaaaa')

// 打印

document.write(m.msg)

// 获取

var newVal = m.msg

alert(newVal)

</SCRIPT>

</BODY>

</HTML>

插件下载：jquery.message.js打包下载地址 http://www.jb51.net/jiaoben/22351.html

不明白请追问，如果对你有帮助，记得采纳~