How to Dynamically change variables in Vue Js with a For Loop?

Question

Basically I have 5 foodNames variables. I want to change their values dynamically. Something like this:

        foodName1: '',
        foodAmount1: '',
        foodName2: '',
        foodAmount2: '',
        foodName3: '',
        foodAmount3: '',
        foodName4: '',
        foodAmount4: '',
        foodName5: '',
        foodAmount5: '',


addFood() {

      for (i=1; i < this.n; i++) {

       this.list.push(this.foodName{i});
       this.list.push(this.foodAmount{i});
       this.foods.push(this.list);
       this.list= [];
       this.foodName{i} = '';
       this.foodAmount{i} = '';
   }
        
}

How can I achieve that?

I only need to know how to use the 'i' of the for loop in the variable. — user11955537
– user11955537, Commented Aug 19, 2020 at 12:28
Does this answer your question? Dynamically access object property using variable — vchan
– vchan, Commented Aug 19, 2020 at 13:04
Does this answer your question? VueJS: Set variable name using string — Alexandre Elshobokshy
– Alexandre Elshobokshy, Commented Aug 19, 2020 at 14:17

Jan · Accepted Answer · 2020-08-19 12:33:01Z

0

you should put your food names in an array and access it with foodName[i]

answered Aug 19, 2020 at 12:33

Jan

362 bronze badges

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

Comments

artoju · Accepted Answer · 2020-08-19 12:42:50Z

0

You can access object property names dynamically using brackets:

this["foodName"+i] = "";

answered Aug 19, 2020 at 12:42

artoju

1,72113 silver badges14 bronze badges

3 Comments

user11955537 Over a year ago

it says 'i' is not defined

user11955537 Over a year ago

It says 'foodName' isn't defined on the instance.

artoju Over a year ago

Then you need to provide more code to see where the problem lies.

Collectives™ on Stack Overflow

How to Dynamically change variables in Vue Js with a For Loop?

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related