Elementのメッセージポップアップウィンドウが繰り返しポップアップする問題の解決

this.$メッセージ({
  メッセージ: "プロンプトメッセージ",
  タイプ: 「成功」
})

'element-ui' から ElementUI をインポートします。

ElementUI.メッセージ({
  メッセージ: 'プロンプトメッセージ'、
  タイプ: '警告'
});

// メッセージ.js
/**
 * @Description: メッセージのマウントをオーバーライドして、クラスのプライベートプロパティを実装します* @param { String } options => メッセージの内容* @param { Boolean } single => 1つだけ表示するかどうか*/
'element-ui' から { Message } をインポートします。

const showMessage = シンボル('showMessage');

クラス DonMessage {
  成功（オプション、単一 = false）{
    this[showMessage]('success', オプション, シングル);
  }
  警告 (オプション、単一 = false) {
    this[showMessage]('warning', オプション, シングル);
  }
  情報 (オプション、単一 = false) {
    this[showMessage]('info', オプション, シングル);
  }
  エラー（オプション、シングル = true）{
    this[showMessage]('error', オプション, シングル);
  }

  [showMessage] (タイプ、オプション、単一) {
    if (単一) {
      // メッセージがすでに存在するかどうかを判定する
      document.getElementsByClassName('el-message--error').length === 0 の場合 {
        メッセージ[タイプ](オプション);
      }
    } それ以外 {
      メッセージ[タイプ](オプション);
    }
  }
}

// プライベート メッセージ コンポーネントのデフォルトのエクスポート export default new DonMessage();

DonMessage を '@/message' からインポートします 

DonMessage.warning('ログインしてください') 

// メイン.js 
Vue.prototype.$message = DonMessage 

// vue ファイルで this.$message.warning("Please log in") を呼び出します