Vue.js 使用v-for在Vue中重新填充相同的div

我认为这应该是Vue的一个基本概念，但由于我是新手，我不太清楚如何获得我正在尝试的东西

我能够使用V-for从数据库查询中获得的信息填充div

---

但我想做的是反复使用同一个div，通过单击进行迭代（这是一个调查，我正在尝试做什么，回答一个问题，然后单击，然后在同一屏幕中出现下一个问题）。至于现在，我的div在屏幕上重复X次，这不是期望的行为。

我假设您有类似的行为

<div v-for="question in questions">
 {{question}}
</div>

<div id="app">
  <div v-for="(q, index) in questions" v-show="currentQuestion == index">
   {{q}}
   <span @click="currentQuestion++">Next</span>
  </div>
</div>

data: {
 questions: [1, 2, 3, 4, 5, 6,],
 currentQuestion: 1
}

v-for中的索引从vue中的1开始

注:


您可以使用
v-show
而不是
v-if
，区别在于
v-if
从DOM中删除标记，而
v-show
仅更改
显示
属性的值
你应该阅读更多关于条件反射的内容
是的，这项工作非常出色，非常感谢您的帮助。我不知道v-show的事。