Use Vuejs variable in Validations

Question

I try to do a simple maxValue, but I am not sure how can I use a value from vue data. URL for package.

import { required, maxValue } from "vuelidate/lib/validators";

export default {
  data() {
    return {
      totalClauses: 10,
    };
  },
  validations: {
    nr_of_clauses: {
      required,
      maxValue: maxValue(this.totalClauses)
    },
  },
}

No, it doesn't belong. Is nothing fancy here, just a variable from vuejs "totalClauses" that I want to use in validations (I will edit the post with package URL). Right now I get error when I try to use it in maxValue. — Beusebiu
– Beusebiu, Commented Jun 4, 2020 at 13:13

Yom T. · Accepted Answer · 2020-06-04 13:35:59Z

1

Validations schema can be a function, which will make it dynamic and possibly dependant on your model's data. ^[source]

So,

import { required, maxValue } from "vuelidate/lib/validators";

export default {
  data() {
    return {
      totalClauses: 10,
    };
  },

  validations() {
    return {
      nr_of_clauses: {
        required,
        maxValue: maxValue(this.totalClauses)
      },
    }
  }
}

answered Jun 4, 2020 at 13:35

Yom T.

9,1982 gold badges35 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Luis Pereira · Accepted Answer · 2020-06-04 15:11:11Z

1

I know that the answer for this issue was found, but i want to quickly recommend changing from Vuelidate to VeeValidate. I've used both and Vuelidate has some limitations that VeeValidate solves like custom validations(with messages for each validation) and it's more simple to use.

You can find Veevalidate documentation here

answered Jun 4, 2020 at 15:11

Luis Pereira

92 bronze badges

1 Comment

Beusebiu Over a year ago

Cool, I heard about it, but I didn't tried. With first opportunity I will try it.

Collectives™ on Stack Overflow

Use Vuejs variable in Validations

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related