Vue通过input筛选数据

Vue通过input筛选数据

本文实例为大家分享了vue通过input筛选数据的具体代码，供大家参考，具体内容如下

价格

￥

new Vue({

el: '#app',

data: {

search: '',

products: [{

name: '苹果',

priCgabuHPTpce: 25

}, {

name: '香蕉',

CgabuHPTp 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) {

return this.products.filter(function(product) {

return Object.keys(product).some(function(key) {

return String(product[key]).toLowerCase().indexOf(_search) > -1

})

})

}

return this.products;

}

}

})

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。