<div>
<input class="one" type="text" placeholder="请输入..." v-model="search"/>
<table>
<tr v-for="item in searchData" :key="item">
<td>{{item.name}}</td>
<td>{{item.status}}</td>
</tr>
</table>
</div>
export default {
data: function () {
return {
search: '',
products: [
{name: '小明', status: '已发放'},
{name: '小花', status: '待处理'},
{name: '韩梅梅', status: '派送中'},
]
}
},
computed: {
searchData: function () {
var search = this.search
if (search) {
return this.products.filter(function (product) {
return Object.keys(product).some(function (key) {
return String(product[key]).indexOf(search) > -1
})
})
}
return this.products
}
}
}