vue+element 使用彈框 區分關閉和取消按鈕

需求：點擊按鈕，彈出彈窗，要做A和B兩個選擇，要區分開選擇和關閉的功能；

element官網給出的案例：

 

 

 

 

代碼實現：

this.$confirm('請選擇A或B?', '提示', {
          confirmButtonText: 'A',
          cancelButtonText: 'B',
          closeOnPressEscape:false,//按下 ESC 鍵關閉彈窗
          closeOnClickModal:false,//點擊遮罩關閉彈窗
          distinguishCancelAndClose:true,//區分取消與關閉
          type: 'warning'
        }).then(() => {
          //選擇了A
        }).catch(action => {
              if(action == 'cancel'){
                    //選擇了B
               }else{ 
                    return
                    // 關閉了彈窗
               }
        });