& 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过滤器模糊查询方法