从特定索引到特定索引的Vue迭代数组

Question

有什么方法可以将vue.js中的数组从特定索引迭代到另一个特定索引。

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

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

还有其他建议吗？？

Answer 1

Use computed properties for example

in your component

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

now in your component template you iterate over this computed prop

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

Answer 2

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

类似这样的东西

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