elementui $confirm 确认弹框区分取消操作和关闭操作

瞅你那憨样~

于 2024-08-22 11:52:08 发布

阅读量418

点赞数 2

文章标签： elementui 前端 javascript

本文链接：https://blog.csdn.net/weixin_48896647/article/details/141424383

版权

例：弹出框需要取消确认关闭三个单独操作流程

<template>
  <el-button type="text" @click="open">点击打开 Message Box</el-button>
</template>

<script>
  export default {
    methods: {
      open() {
        this.$confirm('请注意下一步操作流程？', '提示信息', {
          distinguishCancelAndClose: true,
          confirmButtonText: '保存',
          cancelButtonText: '打印'
        })
          .then(() => {
            // 执行保存相关操作
          })
          .catch(action => {
           	if(action === 'cancel'){
				// 执行打印相关操作
			}else{
				// 关闭图标触发
			}
          });
      }
    }
  }
</script>