vue分类筛选方法,filer

使用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>

上一篇:jquery根据字符切割字符串


下一篇:Windows环境下文件的彻底删除与恢复,推荐几个工具(整理)