<!-- 在van-dialog组件中的before-close属性使用要点： -->

<!-- 1. before-close的参数必须是data中的一个函数; -->

<!-- 2. 为了在参数函数中使用this,应在onLoad等中调用setData动态设置该函数的实现; -->

<!-- 3. 不能再配置 bind:close="onDialogClose" bind:confirm="onDialogConfirm" 这两个bind事件了,否则会出现异常行为; -->

原先通过bind:close和bind:confirm绑定的处理函数，一律都要在beforeClose中处理；

组件调用，阻止点击确认按钮后关闭，resolve返回值搞不明白，反正就这么搞出来了，没有onLoad

<!-- 拒绝弹窗 -->
  <van-dialog use-slot title="拒绝原因" show="{{ reject_model }}" show-cancel-button bind:confirm="submit_reject" bind:close="close_reject_model" bind:cancel="cancel_reject_model" before-close="{{beforeClose}}">
    <van-field model:value="{{reject_reason}}" placeholder="请填写拒绝原因" type="textarea" required="{{false}}" autosize />
</van-dialog>

/**
   * 点击拒绝
   */
  submit_reject() {
    let { detail, reject_reason } = this.data
    if (!reject_reason) {
      util.showToast('请填写拒绝原因')
      this.setData({
        beforeClose: (action) =>
          new Promise((resolve) => {
            if (action === 'confirm') {
              resolve(false)
            } else if (action === 'cancel') {
              resolve(false)
            }
          }),
      })
    } else {
      this.setData({
        beforeClose: (action) =>
          new Promise((resolve) => {
            if (action === 'confirm') {
              resolve(true)
            } else if (action === 'cancel') {
              resolve(false)
            }
          }),
      })
      const data = {
        examine: 3,
        reason: reject_reason,
        id: detail.id,
      }
      api
        .visitorAudit(data)
        .then(() => {
          util.showToast('已拒绝', 'success')
          setTimeout(() => {
            this.onShow()
          }, 500)
        })
        .catch((err) => {
          return util.showToast(err.data.msg)
        })
    }
  },

可以参考这里：https://blog.csdn.net/zszcc/article/details/119669492

亲测 组件模式，需要把beforeClose的方法写在 data中，然后写一个Promise，使用resolve返回 true false,

官方居然官方居然没特别说明下，离谱

1、wxml中

<van-dialog id="scheduledia"

  use-slot

  title=""

  show="{{ show }}"

  show-cancel-button

  bind:confirm="onConfirm"

  before-close="{{onBeforeClose}}"

>

</van-dialog>

2、js中

Page({

  data: {

    onBeforeClose:(action)=>{

if (action === "cancel"){

        return true;

      }

    }

  },

})

onConfirm设置show为false，即可关闭窗口，否则窗口不会关联

估计官方根本就没有写组件调用模式 阻止关闭的回调，真有你的 有赞

老哥会用了吗 我还是不会使🤣

文档中有示例喔，参见 https://vant-contrib.gitee.io/vant-weapp/#/dialog#yi-bu-guan-bi