vue 自定义el-message样式,手动关闭

• 显示

   this.messageTips = this.$message({message: '不会消失的自定义样式消息',type: 'warning',duration: 0,offset: 120,customClass: 'custom-message',});

• 手动关闭

 this.messageTips && this.messageTips.close();

• 自定义样式

<style>
.custom-message.el-message--warning {background: #ff0000 !important;border: none !important;
}
.custom-message.el-message--warning .el-message__content {color: #fff !important;
}
.custom-message.el-message .el-icon-warning {color: #fff !important;
}
</style>