How to use for loop in vuejs methods?

Question

The function work till the first debugging point and then finishes, it does not execute or loop? What Am I doing wrong here, any help is appreciated?

methods: {
    changeData(data) {
      this.data = data;
      this.data_to_show = this.data.data;
      this.source = this.data.source;
      this.database = this.data.database;
      // eslint-disable-next-line
      this.all_data = Object.values(this.data_to_show)[0];
      debugger;
      for (let i = 0; i < this.all_data.length; i += 1) {
        if (i % 2 === 0) {
          this.even_data_to_show.push({ i: this.all_data[i] });
        } else {
          this.odd_data_to_show.push({ i: this.all_data[i] });
        }
      }
      debugger;
    },
  },

Did you checked that Object.values(this.data_to_show)[0] returns an array? — Finrod
– Finrod, Commented Jul 31, 2020 at 9:48
When paused in the debugger try checking the value of this.all_data.length. — skirtle
– skirtle, Commented Jul 31, 2020 at 10:08
Does this answer your question? For loop inside a method using Vuejs — John Snow
– John Snow, Commented Aug 1, 2020 at 20:10

Chiranjhivi Ghimire · Accepted Answer · 2020-07-31 20:03:55Z

0

i think Object.values(this.data_to_show)[0],gives object. So, this.all_data.length will gives you undefined length. So, check once.

answered Jul 31, 2020 at 20:03

Chiranjhivi Ghimire

1,7291 gold badge19 silver badges22 bronze badges

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

Comments

Nqobile Ndlovu · Accepted Answer · 2020-07-31 10:12:34Z

-1

Why not try by key in v-loops for Vuejs.

Basic example below:- so it would be v-for...but do not use V-if

v-for='product in products'>

answered Jul 31, 2020 at 10:12

Nqobile Ndlovu

114 bronze badges

1 Comment

Chiranjhivi Ghimire Over a year ago

this is the buisness changes, not a view/template change. So, use of v-for is not correct.

Collectives™ on Stack Overflow

How to use for loop in vuejs methods?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related