vue中limitBy，filterBy，orderBy的用法
Posted zhangzhiqin
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue中limitBy，filterBy，orderBy的用法相关的知识，希望对你有一定的参考价值。
1.limitBy的用法
<body>
<div id="box">
<ul>
<li v-for="val in arr | limitBy 2 1"> <!-- 从index=1的位置取两个-->
{{val}}
</li>
</ul>
</div>
<script>
var vm=new Vue({
data:{
arr:[1,2,3,4,5]
},
methods:{
}
}).$mount(‘#box‘);
</script>
2 filterBy的用法：筛选中数组中含有a字母的值
<body>
<div id="box">
<input type="text" v-model="a">
<ul>
<li v-for="val in arr | filterBy a">
{{val}}
</li>
</ul>
</div>
<script>
var vm=new Vue({
data:{
arr:[‘width‘,‘height‘,‘background‘,‘orange‘],
a:‘‘
},
methods:{
}
}).$mount(‘#box‘);
</script>
</body>
3 orderBy的用法
<body>
<div id="box">
<input type="text" v-model="a">
<ul>
<li v-for="val in arr | orderBy a">
{{val}}
</li>
</ul>
</div>
<script>
var vm=new Vue({
data:{
arr:[‘width‘,‘height‘,‘background‘,‘orange‘],
a:‘‘
},
methods:{
}
}).$mount(‘#box‘);
</script>
</body>
以上是关于vue中limitBy，filterBy，orderBy的用法的主要内容，如果未能解决你的问题，请参考以下文章