vue2过滤器模糊查询方法

  

        & lt; !DOCTYPE html>   & lt; html>   & lt;头lang=癳n”比;   & lt;元charset=皍tf - 8”比;   & lt; title> & lt;/title>   & lt;/head>   & lt; body>   & lt; div id=坝τ谩北?   & lt;输入类型=拔谋尽眝模型=阉鳌?比;   & lt; ul v=皊earchData项目”在   & lt; li> {{item.name}},价格:¥{{item.price}} & lt;/li>   & lt;/ul>   & lt;/div>   & lt;脚本src=" https://www.yisu.com/zixun/vue.js "祝辞& lt;/script>   & lt; script>   var vm=new Vue ({   埃尔:“#应用”,   数据:{   搜索:”,   产品:[{   名称:“苹果”,   价格:25日   类别:“水果”   },{   名称:“香蕉”,   价格:15日   类别:“水果”   },{   名称:“雪梨”,   价格:65年,   类别:“水果”   },{   名称:“宝马”,   价格:2500年,   类别:“汽车”   },{   名称:“奔驰”,   价格:10025年,   类别:“汽车”   },{   名称:“柑橘”,   价格:15日   类别:“水果”   },{   名称:“奥迪”,   价格:25日   类别:“汽车”   },{   名称:“火龙果”,   价格:25日   类别:“工具”   })   },      计算:{   searchData:函数(){   var搜索=this.search;   var searchVal=");//搜索后的数据   如果(搜索){   searchVal=this.products.filter(函数(产品){   返回种(产品)。(函数(关键){//搜索所有的内容   返回字符串(产品[主要]).toLowerCase () .indexOf祝辞(搜索);1;//只搜索问题内容(某一个键)   返回字符串(产品['问题']).toLowerCase () .indexOf(搜索)在1;   })   })   返回searchVal;   }   }   }      })   & lt;/script>   & lt;/body>   & lt;/html>   之前      

以上这篇vue2过滤器模糊查询方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

vue2过滤器模糊查询方法