element-ui 在同一个方法中,触发了多个 message 组件提示信息时,会出现消息重叠的问题

解决方案1:将方法定义为 async 异步函数,然后使用 await 等待执行。

async checkLogin () {
  if (this.username === '') {
    await this.$message.warning('请输入用户名')
  }
  if (this.password === '') {
    await this.$message.warning('请输入用户密码')
  }
}

解决方案2:setTimeout

setTimeout(() => {
	this.$message.error("XXXXXXXXX!");
}, 10);

posted on 2022-06-18 14:15  cag2050  阅读(1219)  评论(0编辑  收藏  举报

导航