vant UI Dialog点击确定验证后不关闭弹框

const beforeClose = (action) => {
    if(action === 'confirm'){
      if(password.oldPass && password.newPass && password.newPass === password.newPass2){
        
      }else{
        Toast({
          message: '请填写完整',
          icon: 'info-o',
        });
        return false
      }
    }else{
      return true
    }
<van-dialog v-model:show="visible" title="重置密码" show-cancel-button @close="close" @confirm="submit" :before-close="beforeClose">
      <van-field type="password" v-model="password.oldPass" placeholder="请输入原密码" label="原密码"></van-field>
      <van-field type="password" v-model="password.newPass" placeholder="请输入新密码" label="新密码"></van-field>
      <van-field type="password" v-model="password.newPass2" placeholder="请再次输入新密码" label="重复新密码" @update:model-value = "checkNewPass"></van-field>
    </van-dialog>

该函数为Props 回调参数action === 'confirm'为确定 action === 'close‘ 为取消 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值