Javascript Vue将数组从特定索引迭代到特定索引

Javascript Vue将数组从特定索引迭代到特定索引,javascript,html,arrays,vue.js,iteration,Javascript,Html,Arrays,Vue.js,Iteration,是否有任何方法可以将vue.js中的数组从一个特定索引迭代到另一个特定索引 例如,我有一个包含100个对象的数组,我想创建一个包含30个对象的视图,从第30个索引到第60个索引 我们可以使用v-show或v-if条件隐藏剩余的索引对象,但我不想这样做 任何其他建议。?例如,使用计算属性 在您的组件中 computed:{ partObject(){ return this.objects.slice(30,61); } } 现在,在您的组件模板中,您迭代这个计算

是否有任何方法可以将vue.js中的数组从一个特定索引迭代到另一个特定索引

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

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


任何其他建议。?

例如,使用计算属性

在您的组件中

computed:{
    partObject(){
      return this.objects.slice(30,61);
    }
  }
现在,在您的组件模板中,您迭代这个计算属性

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

  • 例如,使用计算属性

    在您的组件中

    computed:{
        partObject(){
          return this.objects.slice(30,61);
        }
      }
    
    现在,在您的组件模板中,您迭代这个计算属性

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

  • 您可以使用
    v-for
    对索引进行迭代,然后打印相应的元素

    像这样的

    <div v-for="index in 30">{{objects[index+30]}}</div>
    
    {{objects[index+30]}
    
    您可以使用
    v-for
    对索引进行迭代,然后打印相应的元素

    像这样的

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