在 vue $confirm 中使用checkbox

可以在 `$confirm` 中使用 `el-checkbox` 组件来实现 checkbox 的功能。下面是一个示例代码：

<template>
  <div>
    <el-button type="primary" @click="showConfirm">删除用户</el-button>
  </div>
</template>

<script>
export default {
  methods: {
    showConfirm() {
      this.$confirm('确认删除该用户？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
        customClass: 'delete-confirm',
        showCancelButton: true,
        beforeClose: (action, instance, done) => {
          if (action === 'confirm') {
            const isChecked = instance.$el.querySelector('.el-checkbox__input').checked;
            console.log(isChecked);
            done();
          } else {
            done();
          }
        },
        dangerouslyUseHTMLString: true,
        center: true
      });
    }
  }
};
</script>

在上面的代码中，我们在 `$confirm` 中设置了 `showCancelButton` 属性为 `true`，这样就会显示取消按钮和一个 checkbox。在 `beforeClose` 方法中，我们可以获取到当前 `$confirm` 实例，并且通过 `querySelector` 方法来获取到 checkbox 的 DOM 元素，从而获取到 checkbox 是否被选中的状态。你也可以在 `beforeClose` 方法中添加其他的逻辑来实现你的需求。