tnblog
首页
视频
资源
登录

JS数组和VUE利用filter(filters)实现数据过滤

5579人阅读 2020/10/10 14:21 总访问:275676 评论:0 收藏:1 手机
分类: 前端

先说JS的语法
 array.filter(function(currentValue,index,arr), thisValue)

thisValue  可选 (不是必须)。对象作为该执行回调时使用,传递给函数,用作"this"的值。如果省略了thisValue , "this"的值为"undefined"

实际代码

            var NewArry = ArrList.filter(function (item) {

              此时的  item 就是当前list的对象     
                    return item.age > 10;      

              });


注意 filter 不会改变原始数组, 返回的是一个新数组  也不会对空数组进行检测

Vue 用法

首先定义

                  filters: {

                        capitalize: function (value) { 

                            return value.charAt(0).toUpperCase() + value.slice(1)

                        }

                    }

使用


 < !--在双花括号中 -->

               {{ message | capitalize } }

Vue官方地址 https://cn.vuejs.org/v2/guide/filters.html


评价
若人生只如初见,愿还是相遇的那个下午,阳光明媚转身一笑便如春暖花开
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术