美文网首页
vue+element

vue+element

作者: jianshuqiang | 来源:发表于2019-06-19 18:25 被阅读0次

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文档

相关文章

网友评论

      本文标题:vue+element

      本文链接:https://www.haomeiwen.com/subject/pmclqctx.html