VueJS的for循环？答案

【问题标题】：For loop for VueJS?VueJS的for循环？
【发布时间】：2020-10-09 06:16:31
【问题描述】：

我试过了：

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

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

但它说

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

我也试过了：

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

但它没有输出任何东西，也没有显示任何错误。有什么帮助吗？非常感谢！

更新：

这是this.questions。它是一个对象数组：

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

【问题讨论】：

【解决方案1】：

你需要从你的函数调用中删除括号，你只需要引用

this.questions.forEach(this.get_choices)

【讨论】：

这是问题问题的正确原因。此外，我还要注意，您必须将数据作为函数返回一个对象。原因是 vue 反应性系统。 data() { return { questions: [ /* ... */ ]}}
@ChopTRAN 好吧，如果您使用 CDN 并且没有组件，这不是必须的，但是是的，将它用作函数总是更好vuejs.org/v2/guide/components.html#data-Must-Be-a-Function

【解决方案2】：

你需要传递对象来作为函数

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

或者你也可以这样做

this.questions.forEach(this.get_choices)

【讨论】：