在 vue $confirm 中使用checkbox

你可以在 `$confirm` 对话框中使用 checkbox，具体步骤如下：

1. 在 `$confirm` 弹窗的 `content` 属性中，添加一个包含 checkbox 的 HTML 元素，例如：

<template>
  <div>
    <button @click="showConfirm">显示确认对话框</button>
  </div>
</template>

<script>
export default {
  methods: {
    showConfirm() {
      this.$confirm({
        title: '提示',
        content: '<div><label><input type="checkbox" value="1">选项一</label></div>',
        onOk() {
          console.log('用户点击了确定按钮');
        },
        onCancel() {
          console.log('用户点击了取消按钮');
        },
      });
    },
  },
};
</script>

2. 在点击确认按钮后，通过 `document.querySelector` 或 `this.$el.querySelector` 获取到 checkbox 元素的引用，然后获取其选中状态即可，例如：

<template>
  <div>
    <button @click="showConfirm">显示确认对话框</button>
  </div>
</template>

<script>
export default {
  methods: {
    showConfirm() {
      this.$confirm({
        title: '提示',
        content: '<div><label><input type="checkbox" value="1">选项一</label></div>',
        onOk() {
          const checkbox = document.querySelector('input[type="checkbox"]');
          console.log('用户点击了确定按钮，选中状态为：', checkbox.checked);
        },
        onCancel() {
          console.log('用户点击了取消按钮');
        },
      });
    },
  },
};
</script>