首先调用列表接口,把数据拿出来
放在一个列表中
再通过计算属性来进行处理,写在computed中
countData() { // 生成新数组 let data = []; // 大于三条,返回新数组 if (this.newOneArray.length > 4) { data = this.newOneArray.slice(0, this.cou); return data; } else { // 否则使用原来数组,不进行切片处理 data = this.newOneArray; return data; } },
在html中v-for循环的时候使用的是 计算属性中的 countData
<div class="col-md-3" @click="toDetails(item.course_id)" v-for="(item, index) in countData" :key="index" >
toDetails方法是点击更多跳转到别的页面
这样就实现了