Javascript Vue中分页JSON应用程序：如何将类添加到当前页面项？

我正在开发一个在HTML5表中显示“用户”JSON的小应用程序。为此，我使用了Twitter Bootstrap 3、Axios和Vue.js2

到目前为止，我掌握的代码是：

var-app=新的Vue({
el:“#应用程序”，
数据：{
用户：[]，
加载：对，
错误：错误，
url:“https://randomuser.me/api/?&results=100&inc=name，位置，电子邮件，手机，图片“，
页码：1，
每页：10，
页码：[]，
},
方法：{
getUsers（）{
axios
.get（this.url）
。然后（响应=>{
this.users=response.data.results
})
.catch（错误=>{
console.log（错误）
this.errored=true
})
.最后（（）=>this.loading=false）
},
setPages（）{
var numberOfPages=Math.ceil（this.users.length/this.perPage）；
对于（var index=1；index）这样的（快速示例）：



或



希望，我理解你的问题。
将
:class=“{'active'：page===pageNumber}
添加到页面项目迭代代码工作：


var-app=新的Vue({
el:“#应用程序”，
数据：{
用户：[]，
加载：对，
错误：错误，
url:“https://randomuser.me/api/?&results=100&inc=name，位置，电子邮件，手机，图片“，
页码：1，
每页：10，
页码：[]，
},
方法：{
getUsers（）{
axios
.get（this.url）
。然后（响应=>{
this.users=response.data.results
})
.catch（错误=>{
console.log（错误）
this.errored=true
})
.最后（（）=>this.loading=false）
},
setPages（）{
var numberOfPages=Math.ceil（this.users.length/this.perPage）；
对于（var index=1；index）谢谢你的帮助。我已经发布了完整的答案。
 <li :class="{'active': page === 1}">...</li>

 <li :class="{'active': page === pages.length}">...</li>