导读 在开发在线考试系统或问卷调查时，“上一题”和“下一题”的切换功能是常见的需求。通过Vue.js的强大响应式特性，我们可以轻松实现这一功能...
在开发在线考试系统或问卷调查时，“上一题”和“下一题”的切换功能是常见的需求。通过Vue.js的强大响应式特性，我们可以轻松实现这一功能。首先需要定义一个`currentQuestion`变量来记录当前题目索引，然后绑定按钮的点击事件以更新这个值。例如：
```html
题目 {{ currentQuestion + 1 }}: {{ questions[currentQuestion].title }}
<script>
export default {
data() {
return {
currentQuestion: 0,
questions: [
{ title: "问题一" },
{ title: "问题二" },
{ title: "问题三" }
]
};
},
methods: {
prevQuestion() {
this.currentQuestion--;
},
nextQuestion() {
this.currentQuestion++;
}
}
};
</script>
```
这样，用户就可以通过点击按钮轻松浏览不同题目了！✨
Vue 前端开发 上一题下一题
免责声明：本文由用户上传，如有侵权请联系删除！