Solution to the problem of repeated pop-up of Element's Message pop-up window

this.$message({
  message: "prompt message",
  type: "success"
})

import ElementUI from 'element-ui';

ElementUI.Message({
  message: 'prompt message',
  type: 'warning'
});

// message.js
/**
 * @Description: Override message mounting to implement private properties of Class* @param { String } options => message content* @param { Boolean } single => whether to display only one*/
import { Message } from 'element-ui';

const showMessage = Symbol('showMessage');

class DonMessage {
  success (options, single = false) {
    this[showMessage]('success', options, single);
  }
  warning (options, single = false) {
    this[showMessage]('warning', options, single);
  }
  info (options, single = false) {
    this[showMessage]('info', options, single);
  }
  error (options, single = true) {
    this[showMessage]('error', options, single);
  }

  [showMessage] (type, options, single) {
    if (single) {
      // Determine if Message already exists
      if (document.getElementsByClassName('el-message--error').length === 0) {
        Message[type](options);
      }
    } else {
      Message[type](options);
    }
  }
}

// Default export of private Message component export default new DonMessage();

import DonMessage from '@/message' 

DonMessage.warning('Please log in') 

// main.js 
Vue.prototype.$message = DonMessage 

// Call this.$message.warning("Please log in") in the vue file