Call js function on dynamic variable

Question

What I am trying to do is this:

validateStep(stepNumber) {
  const self = this;
  this.$v.registration_step${stepNumber}.touch()

  if (this.$v.registration_step${stepNumber}.$error) {
    this.$q.notify('Controleer aub de velden opnieuw');
    return;
  }
  self.$refs.stepper.next();
},

But this isn't working. As you can see I want to call .touch() on a dynamic variable depending on what step the user is currently in (so it would become this.$v.registration_step1.touch() if the user is currently in step 1.

How would you do this?

Mosè Raguzzini · Accepted Answer · 2019-01-10 16:26:22Z

2

try accessing the key in another way:

this.$v[`registration_step${stepNumber}`].touch()

answered Jan 10, 2019 at 16:26

Mosè Raguzzini

15.9k1 gold badge34 silver badges46 bronze badges

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

2 Comments

Travinns Over a year ago

Hmm, this doesn't seem to work. I get this: TypeError: this.$v.registration["".concat(...)].touch is not a function note: I refactored the registration object so my code now is this: validateStep(stepNumber) { const self = this; const step = step${stepNumber}; console.log(step); this.$v.registration[${step}].touch(); if (this.$v.registration[${step}

].$error) {         this.$q.notify('Controleer aub de velden opnieuw');         return;       }       self.$refs.stepper.next();     },

Travinns Over a year ago

nvm you solution works. problem was that I was calling .touch instead of .$touch which was not relevant to this issue. Accepted your answer.

cwalker · Accepted Answer · 2019-01-10 16:30:27Z

-1

this.$v['registration_step' + stepNumber].touch()

answered Jan 10, 2019 at 16:30

cwalker

291 bronze badge

1 Comment

Travinns Over a year ago

Also it doesn't seem to work. It states that it can't call .touch of undifined. I reworked to code to this: ` validateStep(stepNumber) { const self = this; const step = step${stepNumber}; console.log(this.$v.registration[step]); const currentStep = this.$v.registration[step]; currentStep.touch(); if (currentStep.$error) { this.$q.notify('Controleer aub de velden opnieuw'); return; } self.$refs.stepper.next(); },` But still no luck.

Collectives™ on Stack Overflow

Call js function on dynamic variable

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related