在 vant v2版本的官网中,怎样使用该API写的很粗!
action:当 action === "confirm"
表示点击 确定
按钮,反之点击 取消
done:控制是否关闭弹窗 done()
关闭弹窗,done(false)
阻止关闭弹窗
⭐示例代码
<van-dialog
v-model="isShowPwd"
title="修改密码"
show-cancel-button
:before-close="onBeforeClose" // 绑定onBeforeClose事件
>
async onBeforeClose(action, done) {
if (action === "confirm") { // 点击确定走这里
if (this.username && this.password) {
// 登录成功
} else {
// 登录失败,阻止弹窗关闭
// done()里可以放true和false来控制
return done(false) // 阻止弹窗关闭
}
} else { // 点击取消走这里
done(true) // 关闭弹窗, true可以省略
}
}