简单粗暴！van-dialog校验表单时控制关闭

在做H5页面时，使用了vanUI组件库，有个需求，在弹框中使用了表单，点击确定按钮，需要对表单信息做校验，可是~，一旦点击了确定按钮，弹框就自动关闭了，这不是我们想要的结果。
弹框页面如下：

根据vanUI官网介绍：有一个关闭前的回调函数

我的代码：

 <van-dialog
      v-model="showDialog"
      title="发送短信验证码"
      show-cancel-button
      @confirm="checkSalerno"
      @cancel="cancelDialog"
      :before-close="beforeClose"
      confirm-button-color="#1989fa"
    >
 </van-dialog>

    beforeClose(action, done) {
      if (action === "comfirm") { // 判断点击的按钮，如果是确定，return false,可阻止弹框关闭
        done(false);
      } else {
        done(true);
      }
    },
    checkSalerno() {
      if (!this.filters.imgCode && this.filters.imgCode.length != 4) {
        this.$utils.showFailMessage("请输入图片验证码");
        return;
      }
      if (!this.filters.verifyCode && this.filters.verifyCode.length != 6) {
        this.$utils.showFailMessage("请输入图片验证码");
        return;
      }
      // 业务代码
    },

效果：