element+vue 消息提示设置为不重复出现的方法（局部即单个页面实现）

实现目标：利用element中Message 消息提示连续多次点击会出现多个弹框布满屏幕影响页面美观，如下：

现在需设置element中Message消息提示不重复出现，即对现在点击时是否出现message进行判断，若存在则不重复出现，否则出现消息提示。如下：多次连续点击的效果：

 实现方法：

if (document.getElementsByClassName('el-message').length === 0) {
					this.$message.success('恭喜你，这是一条成功信息')
				} else {
					this.$message.closeAll()
				}

 代码解释：对目前的el-message是否出现进行判断若没出现进行消息提示，若出现则关闭消息提示。