Question

我希望每次添加时都会循环VERSION_TAG，但我想我需要内联，因为我认为我希望使用创建的数字来更新questions.questions作为关键字第二个循环。

item

<div v-for="question in questions.questions"> {{question.question}} <div v-if="grouped_answers"> <div v-for="a in grouped_answers[item].answers"> {{a.id}} </div> </div> {{item += 1}} </div>已在数据中设置为0，因为其他所有内容都在使用该集合0，显然不会将其余数据拉过来。

Answer 1

从我理解阅读的方式来看，你需要从原来的v-for获得一个索引值，然后传递给第二个。

尝试这样的事情

  <div v-for="(question, item) in questions.questions">
    {{question.question}}
    <div v-if="grouped_answers">
      <div v-for="a in grouped_answers[item].answers">
        {{a.id}}
      </div>
    </div>
  </div>

v-for中的第二个参数是循环传递的索引/键。

Answer 2

我会尝试执行以下操作（伪代码，因为我不确定项目的来源）：

<div v-for="question in questions.questions">
   {{question.question}}
    <div v-if="grouped_answers">
      <div v-for="a in grouped_answers[item].answers">
        {{a.id}}
      </div>
    </div>
   <div v-text="incrementItem(item)"></div>
</div>

在方法块中

methods: {
  ...
  incrementItem: function(item) {return item + 1}
}

基本上是这样的，你可以调用组件中的方法来完成繁重的工作。

Answer 3

尝试添加索引

<div v-for="question in questions.questions">
   {{question.question}}
    <div v-if="grouped_answers">
  <div v-for="a in grouped_answers[item].answers">
    {{a.id}}
  </div>
</div>
   <div v-text="item.index"></div>
 </div>

如果你能得到你不需要编写增量方法的元素索引，但如果你想，请这样做： ... 数据：{ 数量：0 } ....

methods: {

 incrementItem: function() {
    number +=1
    return number
}
}

使用Vue.js循环使用v-for每次内联添加1

3 个答案: