【问题标题】:How to get index in pagination vuejs?如何在分页vuejs中获取索引?
【发布时间】:2016-07-27 22:14:09
【问题描述】:
我正在尝试在 vuejs 和 My code in fiddle 中进行分页
v-for="(number, item) in items | filterBy name in 'name' | limitBy count offset"
我的问题是如何在分页中获取索引?
例如:
我在分页或第一页中有数据:
索引 :"1" - 凯西·斯帕克斯
索引 :"2" - 格拉迪斯·泰特
然后如果我点击分页两个,我想索引继续
索引:3 - 香农
索引:4 - 罗塞塔斯科特
【问题讨论】:
标签:
php
jquery
pagination
vue.js
【解决方案1】:
我建议将每个项目的输出放入一个子组件中,并将数组中该项目的索引作为参数传递。还有其他方法可以做到这一点,例如将项目从您的 vue 模板传递到方法中并查找字段的索引,例如:
// vue template
{{ whatIndex(item) }}
// vue js
vue.methods.whatIndex = function (item) {
// some logic to lookup the name from this.items
return i
}
【解决方案2】:
最快的方法:
{{number + offset + 1}} - {{item.name}}