标签：数组元素 less 数组 sso logs div 第一个 vue html
<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过滤器是配合数组使用的，限制数组元素的个数，话不多说，来个小例子。
标签：数组元素 less 数组 sso logs div 第一个 vue html
原文地址：http://www.cnblogs.com/fm060/p/6782587.html
