element 中 this.$message 在循环中提示多次解决办法

1. 总结

让我们看下element UI Message源码

把 message 的 DOM 结构添加到 document 中，我们可以通过document.getElementsByClassName(‘el-message’).length > 0来判断当前页面是否已存在Message

2. 具体代码：

 // 多选
    handleCheckbox (val) {
      if (val.length > 50) {
        if (document.getElementsByClassName('el-message').length === 0) this.$message('批量付款不能超过50条，会影响付款效率哦〜')
        return
      }
    },