<div id="box"><ul><li v-for="val in arr | limitBy 2">{{val}}< ></ul></div><>var vm=new Vue({data:{arr:[1,2,3,4,5]},methods:{}}).$mount('#box');</>可以看到,我在li標簽里面循環數組時,添加了limitBy過濾器,所以,本來可以顯示五條數據的列表,會變成兩條數據。上面的小例子,limitBy默認是從數組的第一個元素開始顯示,那么,如果我想從第二個或者第三個開始顯示,又該怎么做呢,這里我們給limitBy在添加一個參數,上代碼<div id="box"><ul><li v-for="val in arr | limitBy 2 1">{{val}}< ></ul></div>那么在這個例子中,第二個參數1,為數組的下標,所以,結果顯示的是2,3,如果我將第二個參數改成arr.length-2,那么顯示的將是數組最后兩個元素。
www.feiqueedu.com
www.intalesson.com閃電是/ li