首页 > 其他分享 >过滤器

过滤器

时间:2022-08-31 22:48:13浏览次数:51  
标签:el console shuxing age flt 过滤器

filter:过滤器

作用:

filter主要用于数据展示之前的处理

过滤器只能用在v-bind或者插值表达式中

 

语法:

{{shuxing|flt}}
{{shuxing|flt(arg2,arg3)}}
{{shuxing|flt(arg2,arg3)|flt2(el1,el2}}
//“shuxing”也是flt的一个参数

 

实例:

    <div id="box">
        <span v-for="el in arr">{{el.age|flt}}</span>
    </div>

    <script>
        new Vue({
            el: "#box",
            data: {
                arr:
                    [
                        {
                            age: 23
                        },
                        {
                            age: 22
                        },
                        {
                            age: 34
                        },
                        {
                            age: 13
                        }],

            },
            methods: {

            },
            filters: {
                flt(el) {
                    console.log(el);
                    if (el > 20) {
                        console.log("大人");
                    } else {
                        console.log("小孩");
                    }
                }
            }
        })
    </script>

 

 

 

注:fliter与methods、data同级,不是嵌套关系

 

标签:el,console,shuxing,age,flt,过滤器
From: https://www.cnblogs.com/LIXI-/p/16644779.html

相关文章

  • Filters in ASP.NET Core(Net6之过滤器)
    FiltersinASP.NETCore如果觉得样式不好:跳转即可(md文件复制过来有些样式会不一样)原文地址:https://lifengying.site/archives/net6%E4%B9%8B%E8%BF%87%E6%BB%A4%E5%99......
  • 系统架构设计风格之二---管道-过滤器风格
    一、管道-过滤风格 过滤器:功能组件管道:数据流之间的通路1.2特点管道/过滤器结构将数据流处理分为几个顺序的步骤来实现,一个步骤的输出是另一个步骤的输入,每个步骤......
  • 在 React 中使用过滤器可扩展地管理表的状态
    在React中使用过滤器可扩展地管理表的状态不久前,我正在使用一个高度复杂的仪表板,该仪表板经常有很多表(典型的分页表),并且这些表有自己的过滤器,应用后,数据将被过滤和查看......
  • 过滤器和拦截器执行流程
    权限认证有三块(1)过滤器(2)拦截器(3)单独写代码逻辑处理,函数调用等。只有过滤器运行逻辑:,过滤器中的内容->doFilter->doFilter后面的逻辑过滤器中的内容#####......
  • springBoot使用过滤器进行权限认证和静态资源放行
    importjava.io.IOException;importjava.util.HashSet;importjava.util.Set;importjavax.servlet.Filter;importjavax.servlet.FilterChain;importjavax.servl......
  • 布隆过滤器(Bloom Filter)
    转载于https://zhuanlan.zhihu.com/p/433689454布隆过滤器(BloomFilter)是由Bloom于1970年提出的。我们可以把它看作由二进制向量(或者说位数组)和一系列随机映射函数(......
  • 1.2 文件过滤器FilenameFilter
    文件过滤器是File文件的拓展,通过该过滤器可以在File类中的list()方法中传递一个FilenameFileter参数,来指定返回的文件格式。下面展示两种使用文件过滤器的方式现需要获......
  • 【Springboot】过滤器
    Springboot实现过滤器实现过滤器方式有两种:Filter过滤器具体实现类通过@WebFilter注解来配置1、Filter过滤器具体实现类1.1实现Filter@Component@Slf4jpublic......
  • 过滤器(过滤器只能最多有两个参数)
    过滤器就类似于是模版语法内置的内置方法django内置有60多个过滤器我们不需要学这么多了解10个左右就差不多了后面碰到了再去记忆基本语法{{数据|过滤器:参数}}转......
  • Filter拦截浏览器请求资源、Filter多个过滤器
    Filter拦截浏览器请求资源Filter拦截浏览器请求资源注解配置:*设置dispatcherTypes属性1.REQUEST:默认值。浏览器直接请求资源2.FORWARD:转发访问资源3.INCLUDE:包含访......