<Form :model="formItem" v-model="formItem.id" ref="formItem" :label-width="80" :rules="validateRules">
  <FormItem label="新密码" prop="password">
       <Input v-model="formItem.password" type="password"/>
  </FormItem>
  <FormItem label="确认密码" prop="pwdCheck">
       <Input v-model="formItem.pwdCheck" type="password"/>
  </FormItem>
</Form>
 
export default {
    name: 'demo',
    data() {
        const pwdValidate = (rule, value, callback) => {
            this.$refs.formItem.validateField('pwdCheck');
            callback();
        };
        const pwdCheckValidate = (rule, value, callback) => {
            if (this.formItem.password != '' && value == '') {
                callback(new Error('确认密码不能为空'));
            } else if (this.formItem.password != value) {
                callback(new Error('新密码和确认密码应相同'));
            } else {
                callback();
            }
        };
        return {
            validateRules: {
                password: [
                    {required: false, validator: pwdValidate, trigger: 'blur'}
                ],
                pwdCheck: [
                    {required: false, validator: pwdCheckValidate, trigger: 'blur'}
               ]
            }
       }  
    } 
}

  

相关文章:

  • 2021-07-23
  • 2021-08-02
  • 2021-01-10
  • 2022-12-23
  • 2021-08-07
  • 2021-08-17
  • 2022-01-31
  • 2022-12-23
猜你喜欢
  • 2021-05-28
  • 2021-10-15
  • 2022-12-23
  • 2022-12-23
  • 2021-12-27
相关资源
相似解决方案