效果展示
body部分
<div id="app">
<input type="text" placeholder="请输入要搜索的内容" v-model="aa">
<ul>
<li v-for="(item,index) in newPerson">{{item}}</li>
</ul>
</div>
script部分
new Vue({
el: "#app",
data: {
aa: '',
person: ['周杰伦', '王一伦', '王一博', '梁博'],
},
computed: {
newPerson() {
return this.person.filter(p => p.indexOf(this.aa) != -1)
}
}
})