For loop for VueJS?

Question

I tried this:

get_choices: function (item, index){
    console.log(item)
},

this.questions.forEach(this.get_choices())

But it says

Error in mounted hook: "TypeError: this.questions.forEach is not a function"

I also tried:

for(question in this.questions){
    console.log(question)
}

But it didn't output anything, it didn't also displayed any error. Any help? Thanks a lot!

UPDATE:

Here's the this.questions. It is an array of objects:

data: {
    questions: [
        {'name': 'etc', 'content': 'etc'},
        {'name': 'etc2', 'content': 'etc2'},
    ],
},

What is this.questions? It doesn't appear to be an array or anything foreachable. — VLAZ
– VLAZ, Commented Oct 9, 2020 at 6:17
You should pass the function instead of calling it: this.questions.forEach(this.get_choices) — Hao Wu
– Hao Wu, Commented Oct 9, 2020 at 6:17
@HaoWu forEach isn't recognised as a method that exists on this.questions. Passing the function reference wouldn't help with that problem. — VLAZ
– VLAZ, Commented Oct 9, 2020 at 6:18
@VLAZ You're right, on top of that... Make sure this.questions is an array and then pass the function as I mentioned — Hao Wu
– Hao Wu, Commented Oct 9, 2020 at 6:19

Ilijanovic · Accepted Answer · 2020-10-09 06:26:11Z

2

You need to remove the paranthesis from your function call, you just need the reference

this.questions.forEach(this.get_choices)

answered Oct 9, 2020 at 6:26

Ilijanovic

15k4 gold badges29 silver badges63 bronze badges

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

2 Comments

Chop TRAN Over a year ago

This is the correct cause of the question problem. In addition, I would also note that you must have your data as a function return an object. The reason is the vue reactivity system. data() { return { questions: [ /* ... */ ]}}

Ilijanovic Over a year ago

@ChopTRAN well it isnt necessery a must if you use CDN and have no components, but yea its always better to use it as a function vuejs.org/v2/guide/components.html#data-Must-Be-a-Function

Anis · Accepted Answer · 2020-10-09 06:27:34Z

0

you need to pass the object to function as

this.questions.forEach((item , index) =>{
      this.get_choices(item , index)
 })

or you can also do like

this.questions.forEach(this.get_choices)

answered Oct 9, 2020 at 6:27

Anis

1,2293 gold badges16 silver badges29 bronze badges

Collectives™ on Stack Overflow

For loop for VueJS?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related