本文實例為大家分享了Vue通過input篩選數(shù)據(jù)的具體代碼，供大家參考，具體內(nèi)容如下

<div id="app"> <input v-model='search' /> <ul>  <li v-for="item in items">    <label>價格</label><span v-html="item.name"></span>    <label>￥</label><span v-html="item.price"></span> </ul></div>

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;  } }})

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯新站長站。