Vue从特定索引到特定索引迭代数组答案

【问题标题】：Vue iterating array from particular index to particular indexVue从特定索引到特定索引迭代数组
【发布时间】：2018-12-04 02:53:04
【问题描述】：

有没有办法将 vue.js 中的数组从特定索引迭代到另一个特定索引。

例如，我有一个包含 100 个对象的数组，我想创建一个包含从第 30 个索引到第 60 个索引的 30 个对象的视图。

我们可以使用 v-show 或 v-if 条件来隐藏剩余的索引对象。但我不想那样做。

还有其他建议吗？

【问题讨论】：

【解决方案1】：

例如使用计算属性

在你的组件中

computed:{
    partObject(){
      return this.objects.slice(30,61);
    }
  }

现在在你的组件模板中迭代这个计算出来的 prop

 <li v-for="item of partObject">
        {{item}}
      </li>

【讨论】：

【解决方案2】：

您可以使用v-for 来遍历索引，然后打印相应的元素。

类似的东西

<div v-for="index in 30">{{objects[index+30]}}</div>

【讨论】：