How to use requiredIf?

First question

Probably I’ve not understood a basic thing: must requiredIf return true to indicate that the field itself is required, or true if the validation is successfully passed?

for example: when the password is not mandatory, must my function return false (because is not mandatory), or true (because the ‘require’ validation has been passed) ?!?!

Second question

What is supposed to be the param of requiredIf?

I’ve a form used both for creating new users and for editing existing users.

If creating, the computed method isNewUser returns true.

If editing, it returns false,

I’m trying to implement the rule that password is mandatory only if isNewUser.

computed: {
        isNewUser() {
            return this.$store.getters["customers/getIsNewUser"];
        }
},
validations: {
    ....
    new_password: {
                minLength: minLength(8),
                sameAs: sameAs("repeat_new_password"),
                required: requiredIf(function(model) {

                    console.log("isNewUser", this.isNewUser);
                    console.log("model", model);
                    console.log("model.new_password", model.new_password);
                    const esit =
                        !this.isNewUser ||
                        (this.isNewUser && model.new_password);
                    console.log("esit", esit);
                    return esit;
                })
    }
   ...
}

This is my console output when inserting a new user.

What kind of what is the model param?

[dobromir-hristov]

@realtebo here you go mate. https://jsfiddle.net/dobromir/1xe7mv3h/4/

[muarachmann]

Hi @dobromir-hristov thanks for the fiddle, i have been playing with vuelidate and its awesome. I however have a blocker… what if the field in question needs to be validated by another field of the model. I have this validation

                tracks: {
                    $each: {
                        title: {
                            required,
                            minLength: minLength(3)
                        },
                        price: {
                            required,
                            minValue: minValue(100)
                        },
                        gold_price: {
                             required: requiredIf(function() {
                             return ..... -> what to put here, 
                        })
                        },
                    }
                }

Basically in my object model track it has a prop called is_gold_price which is a check button that unhides and hides the gold price field. I wish to be able to access each instance of the is_gold_price, So the field is to be required if an only if the is_gold_price has been toggled on which is for some particular track. How can one access the props of each? A little help would be appreciated thanks