1、Message 消息提示的使用(实现消息动态出现在右下角)
methods中的方法体
showNoticeTips(messageCount) {
this.$message({
type: 'success',//信息显示样式(看文档)
// showClose: true,(是否在消息中显示‘x’号)
message: '您有' + messageCount + '条新消息',
duration: 500000,//显示时间(ms)
customClass: 'noticeTips'
})
},
css的使用
.noticeTips {
left: 90%;
top: 90%;
min-width: 250px;
}
其中css中customClass是自己自定义的class具体的可以查看element文档
网友评论