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);