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
                    // 关闭了弹窗
               }
        });