博客

element-ui message 显示重叠问题

  • Post author:
  • Post category:其他

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

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

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

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