Vue提供的过滤器

本文探讨了前端开发中常用的延迟执行与数据过滤技术,包括debounce函数的应用,以及如何使用过滤器如limite、filter和orderby进行数据处理。同时,介绍了自定义过滤器的创建方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

延迟执行过滤器:

    debounce

                 延迟2000毫秒来执行这个函数

 

  

            当键盘起来时两秒出现显示1的弹框

数据配合使用的过滤器(数组):

                .limite       (小编是这么理解的:后台给我100条数据,但是我只需要50条数据)

                         

                            

                   取几个

                                ===》取2个====》       

                    

                   取几个   从哪里开始

                            ===》

                 

                          取倒数两个数据

                              =====》

              

           2.   

              filter  过滤数据

 

                        

    

             过滤带“o”的数据

          ====》

          

 

               过滤数据  filterby  过滤谁

                

                            =====>

                   

                        ===>

                    

                    a记得初始化,不然会出现警告

   3.orderby    排序

        

          1正序

          -1倒序

       

 

 

自定义过滤器:

                   ==========》

    

                ==========》

 

 

接收参数:

 

 

 

【例子:时间转化器】

    

   =============》

     

 

 

 

 

 

 

 

 


 

                      

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值