Lösung für das Problem des wiederholten Auftauchens des Nachrichten-Popup-Fensters von Element

diese.$nachricht({
  Nachricht: "Sofortnachricht",
  Typ: „Erfolg“
})

importiere ElementUI von „element-ui“;

ElementUI.Nachricht({
  Nachricht: ‚Sofortnachricht‘,
  Typ: "Warnung"
});

// Nachricht.js
/**
 * @Description: Überschreibe die Nachrichtenmontage, um private Eigenschaften der Klasse zu implementieren* @param { String } Optionen => Nachrichteninhalt* @param { Boolean } single => ob nur eine angezeigt werden soll*/
importiere { Message } von 'element-ui';

const showMessage = Symbol('showMessage');

Klasse DonMessage {
  Erfolg (Optionen, Single = False) {
    this[showMessage]('Erfolg', Optionen, einzeln);
  }
  Warnung (Optionen, einzeln = falsch) {
    this[showMessage]('Warnung', Optionen, einzeln);
  }
  info (Optionen, einzeln = falsch) {
    this[showMessage]('info', Optionen, einzeln);
  }
  Fehler (Optionen, single = true) {
    dies[showMessage]('Fehler', Optionen, einzeln);
  }

  [showMessage] (Typ, Optionen, einzeln) {
    wenn (einzeln) {
      //Feststellen, ob die Nachricht bereits vorhanden ist
      wenn (document.getElementsByClassName('el-message--error').length === 0) {
        Nachricht[Typ](Optionen);
      }
    } anders {
      Nachricht[Typ](Optionen);
    }
  }
}

// Standardexport der privaten Nachrichtenkomponente export default new DonMessage();

importiere DonMessage aus '@/message' 

DonMessage.warning('Bitte loggen Sie sich ein') 

// Haupt.js 
Vue.prototype.$message = Nachricht abbrechen 

// Rufen Sie this.$message.warning("Bitte anmelden") in der Vue-Datei auf.