zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Android sdk 下载路径
    centos修改用户用户组
    centos7 通过shell切换root用户
    java 服务上传图片到linux没有读写权限
    Mybatis第二天
    Mybatis第一天
    反射
    注解
    多线程第二天
    java---过滤器、监听器
  • 原文地址:https://www.cnblogs.com/AlbertP/p/10728411.html
Copyright © 2011-2022 走看看