Vue2.0实现1.0的搜索过滤器功能实例代码_WEB开发

当前位置: 主页 > 网页制作 > WEB开发 >

Vue2.0实现1.0的搜索过滤器功能实例代码

来源:网络作者:佚名点击: 次时间:2017-07-19 00:18

[摘要] 本文介绍了Vue2.0实现1.0的搜索过滤器功能实例代码，非常实用，有兴趣的同学可以参考一下

Vue2.0删除了很多1.0的比较实用的过滤器，如filterBy，orderBy。官方文档给了通过计算属性实现1.0搜索过滤器功能，自己又加入了大小写通用检索功能，比较简单，学一下。

代码如下

复制代码

<body>

<ul>

</li>

</ul>

</div>

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;

})

}

})

</script>

</body>

标签： 网页制作

相关内容

------分隔线----------------------------

栏目列表

推荐内容

热点内容