资讯 > IT科技 > 正文

资讯

uni-app v-for循环个数设置
IT科技

73

要只循环10个元素,可以在v-for指令中使用v-if指令来限制遍历的范围。例如,下面的代码只会循环遍历数组的前10个元素:

<div class="lisspan" v-for="(items,index) in aMatches" :key="index" v-if="index < 10">
    <div class="li" @click="listtxtutl(items.title)" :data-url="items.url">
        <div class="im"><img :src="items.src+'?caplist=jpg,webp'"></div>
        <span>{{items.title}}</span>
    </div>
</div>

这样,只有数组的前10个元素会被渲染到页面中。你可以根据需求将数字10修改为你实际需要的循环次数。