Vue中如何通過input篩選數(shù)據(jù)
這篇“Vue中如何通過input篩選數(shù)據(jù)”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“Vue中如何通過input篩選數(shù)據(jù)”文章吧。
成都創(chuàng)新互聯(lián)是專業(yè)的江津網(wǎng)站建設(shè)公司，江津接單;提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行江津網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!
具體代碼如下
new Vue({
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) {
return this.products.filter(function(product) {
return Object.keys(product).some(function(key) {
return String(product[key]).toLowerCase().indexOf(_search) > -1
})
})
}
return this.products;
}
}
})以上就是關(guān)于“Vue中如何通過input篩選數(shù)據(jù)”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
當(dāng)前標(biāo)題：Vue中如何通過input篩選數(shù)據(jù)
轉(zhuǎn)載注明：
http://weahome.cn/article/iisodd.html
重慶分公司
重慶分公司
