时间戳

首页 > 解决方案 > Vue从特定索引到特定索引迭代数组

javascript - Vue从特定索引到特定索引迭代数组

问题描述

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

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

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

还有什么建议。？

标签： javascripthtmlarraysvue.jsiteration

解决方案

例如使用计算属性

在你的组件中

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

现在在你的组件模板中你迭代这个计算的道具

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

推荐阅读