iview2+ 表單密碼驗證

<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'}
               ]
            }
       }  
    } 
}