Vue通过input筛选数据
本文实例为大家分享了Vue通过input筛选数据的具体代码,供大家参考,具体内容如下
newVue({ el:'#app', data:{ search:'', products:[{ name:'苹果', price:25 },{ name:'香蕉', price:15 },{ name:'雪梨', price:65 },{ name:'宝马', price:2500 },{ name:'奔驰', price:10025 },{ name:'柑橘', price:15 },{ name:'奥迪', price:25 }] }, computed:{ items:function(){ var_search=this.search; if(_search){ returnthis.products.filter(function(product){ returnObject.keys(product).some(function(key){ returnString(product[key]).toLowerCase().indexOf(_search)>-1 }) }) } returnthis.products; } } })
关于vue.js组件的教程,请大家点击专题vue.js组件学习教程进行学习。
更多vue学习教程请阅读专题《vue实战教程》
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。