vue使用dialog关闭前调用_vant-ui组件调用Dialog弹窗异步关闭操作

需求描述：

需求描述：官方文档又是组件调用方式，又是函数调用方式。

我就需要一个很简单的：点击操作弹窗显示后，我填写一个表单，表单校验通过后，再调用api接口，返回成功后，关闭弹窗。

一个很简单的东西，element-ui用的很方便，在这里就懵比了，刚开始做的，弹窗关闭了，才返回异步接口调用的结果。网速慢点，用起来真的很不好。

正确的解决方式一：

v-model="showdialog"

title="提示"

show-cancel-button

:before-close="onbeforeclose"

@confirm="handleconfirm"

>

v-model="attendancename"

name="name"

label="名称"

placeholder="请输入名称"

:rules="[

{ required: true, message: '请填写名称' }

]"

/>

关键点，showdialog控制显示隐藏，before-close控制关闭前的回调，confirm 是弹窗点击确认按钮触发的事件，ref拿到form实例。

刚开始我把表单校验放在before