欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

element-ui message 显示重叠问题

程序员文章站 2022-05-25 13:00:23
...

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

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

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

更多解决方案:请参考 element-ui Notification重叠问题,原因及解决办法