首页 > 代码库 > limitBy过滤器是配合数组使用的,限制数组元素的个数,话不多说,来个小例子。
limitBy过滤器是配合数组使用的,限制数组元素的个数,话不多说,来个小例子。
<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
limitBy过滤器是配合数组使用的,限制数组元素的个数,话不多说,来个小例子。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。