1.0 Vue2.0实现的搜索过滤器功能实例代码 - 行业资讯 - 肥雀云

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

　　　　　　& lt; body> 　　& lt; div类=在“应用程序”; 　　& lt;输入类型=拔谋尽眝模型=皀ame”比; 　　& lt; ul> 　　& lt;李v=胺掷嗔谐鲇没А痹? 　　{{user.name}} 　　& lt;/li> 　　& lt;/ul> 　　& lt;/div> 　　& lt; script> 　　新Vue ({ 　　埃尔:“.app”, 　　数据:{ 　　名称:”, 　　用户:[ 　　{名称:“布鲁斯”}, 　　{名称:“查克”}, 　　{名称:“成龙”}, 　　{名称:“赵”} 　　] 　　}, 　　计算:{ 　　列出:函数(){ 　　var=这个; 　　that.users返回。过滤器(功能(用户){ 　　返回user.name.toLowerCase () .indexOf (that.name.toLowerCase ()) !==1; 　　}) 　　} 　　　　} 　　}) 　　& lt;/script> 　　& lt;/body> 　　　　之前　　　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。