<input type="text" v-model="searchName" />
<ul>
<li v-for="(p,index) in filterPersons" :key="index">{{index}}--{{p.name}}--{{p.age}}</li>
</ul>
data: {
searchName: '',
persons: [{
name: 'zc',
age: '1'
}, {
name: 'xv',
age: '3'
}, {
name: 'bn',
age: '6'
}, {
name: 'nz',
age: '18'
}]
},
computed: {
filterPersons: function() {
const {
searchName,
persons
} = this;
let fPersons;
fPersons = persons.filter(p = > p.name.indexOf(searchName) !== -1 || p.age.indexOf(searchName) !== -1)
return fPersons;
}
}
网友评论