vue v-for获取前n条数据的方法，获取中间某条数据的方法，获取n条数据之后的全部数据的方法

最近在学习vue，踩坑中~，如果有其他方式请指正

这个问题实在加载新闻列表的时候遇到的

图是这样的，图片上标了改数据在数组中的位置

1.获取前n条数据的方法

直接上代码吧

v-for="(item , index) in newList" v-if="index < 3"

2.获取中间某条数据的方法

这个方法在上图中最上面新闻中右边列表用到

意思是从第一条数据开始截取到第三条

v-for="(item , index) in newList.slice(1,3)"

3.获取n条数据之后的全部数据的方法

上图中常规列表用到

从第3条数据开始截取到末尾

 

v-for="item in newList.slice(3)"

 

定义和用法

slice() 方法可从已有的数组中返回选定的元素。

slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

注意： slice() 方法不会改变原始数组。

语法

array.slice(start, end)