vue分类筛选方法，filer

最新推荐文章于 2022-08-29 15:50:53 发布

dianpiyue3875

最新推荐文章于 2022-08-29 15:50:53 发布

阅读量250

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/AlbertP/p/10728411.html

版权

使用computed 方法来过滤筛选数据;也可以使用methods 方式来筛选过滤数据

代码如下：

<body>
　　<div id="app">
　　　　<ul>
　　　　　　<li v-for="item in list">{{item.n}}</li>
　　　　</ul>
　　　　<ul>
　　　　　　<li v-for="item in listCmputed">{{item.n}}</li>
　　　　</ul>
　　　　<ul>
　　　　　　<li v-for="item in listMe(list)">{{item.n}}</li>
　　　　</ul>

　　</div>
</body>
<script>
　　var app=new Vue({
　　el:'#app',
　　data:{
　　　　list:[{n:11},{n:22},{n:33},{n:44},{n:55},{n:66}],
　　},
　　computed:{
　　　　listCmputed:function(){
　　　　　　return this.list.filter(function(item){
　　　　　　　　return item.n>=33
　　　　　　})
　　　　} / /44,55,66
　　},
　　methods:{
　　　　listMe:function(list){
　　　　　　return list.filter(function(item){
　　　　　　　　return item.n<=33
　　　　　　})
　　　　} / /11,22,33
　　}
})
</script>

转载于:https://www.cnblogs.com/AlbertP/p/10728411.html

dianpiyue3875

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue分类筛选方法，filer

使用computed 方法来过滤筛选数据;也可以使用methods 方式来筛选过滤数据代码如下：<body> 　　<div id="app"> 　　　　<ul> 　　　　　　<li v-for="item in list">{{item.n}}</li> 　　　　&...
复制链接

扫一扫