用filter方法過濾數組,limitBy過濾器是配合數組使用的,限制數組元素的個數,話不多說,來個小例子。...

 2023-12-06 阅读 27 评论 0

摘要:<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標
<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

  

轉載于:https://www.cnblogs.com/fm060/p/6782587.html

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/1/191732.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息