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)