微客导航 » 文章资讯 » Vue通过input筛选数据

Vue通过input筛选数据

2024-02-23 22:40:03 246

本文实例为大家分享了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实战教程》

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

返回顶部
3162201930
czq8825@qq.com

Vue通过input筛选数据

热门推荐

随机推荐