最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Vue2.0实现1.0的搜索过滤器功能实例代码
时间:2022-06-25 14:20:13 编辑:袖梨 来源:一聚教程网
Vue2.0删除了很多1.0的比较实用的过滤器,如filterBy,orderBy。官方文档给了通过计算属性实现1.0搜索过滤器功能,自己又加入了大小写通用检索功能,比较简单,学一下。
代码如下 | 复制代码 |
newVue({ el:'.app', data: { name:'', users: [ { name:'Bruce'}, { name:'Chuck'}, { name:'Jackie'}, { name:'赵'} ] }, computed: { newUsers:function() { varthat =this; returnthat.users.filter(function(user) { returnuser.name.toLowerCase().indexOf(that.name.toLowerCase()) !== -1; }) }
} })
|
相关文章
- 鸣潮2.6版本前瞻什么时候 2.6版本前瞻时间一览 08-20
- 诛仙2鬼王怎么加点 鬼王加点推荐 08-20
- 诛仙2见影灵泉奇遇任务怎么做 见影灵泉奇遇任务流程攻略 08-20
- 三国天下归心诸葛亮怎么样 诸葛亮技能介绍一览 08-20
- 三国天下归心追击队怎么玩 追击队玩法教学 08-20
- 三国天下归心武将怎么获得 武将获取方法 08-20