項目場景：

element-ui MessageBox 彈框怎么隱藏右上角的關閉按鈕呢？
element-ui MessageBox 彈框怎么設置點擊空白處不關閉？
如何隱藏this.$confirm右上角的x？this.$confirm怎么將右上角的x屏蔽掉？

問題描述

有一些業務需要讓彈窗一直顯示，除非已經點擊了確認按鈕，這時候就需要對this.$confirm進行處理，既不可以點擊右上角x將彈窗關閉，也不可以點擊其它空白處關閉彈窗，直接上代碼。

        this.$confirm('進行企業實名認證后才可開通短信服務！', '提示', {
          confirmButtonText: '前往認證',  //確認按鈕的文字顯示
          type: 'warning',
          center: true, //文字居中顯示
          showCancelButton: false, //不顯示取消按鈕
          showClose: false, //是否顯示右上角的x
          closeOnClickModal: false, //是否可以點擊空白處關閉彈窗
        })
          .then(() => {
            window.location.href = '#/main/iam/authentication';
          })
          .catch(() => {
      
          });

代碼分析：

確定按鈕的文本內容：

confirmButtonText: ‘確定’,

取消按鈕的文本內容：

cancelButtonText: ‘取消’,

是否顯示取消按鈕：

showCancelButton: false,

是否顯示確定按鈕：

showConfirmButton: true,

文字居中顯示：

center: true,

MessageBox 是否顯示右上角關閉按鈕：

showClose: false,

confirm提示框 設置點擊空白處不關閉：
是否可通過點擊遮罩（點擊空白處）關閉 MessageBox：

closeOnClickModal: false,

參考element官網：https://element.eleme.io/2.15/#/zh-CN/component/message-box

用法位置：