实现效果
<template>
<div >
<h2>数据筛选</h2>
<input type="text" v-model="name" >
<ul>
<li v-for="item in list" :key="item" >{{item}}</li>
<!-- <li>item</li> -->
</ul>
</div>
</template>
<script>
export default {
name:'Dataselect'
,
data(){
return {
name:'',
person:['熊大','熊二','大灰狼']
}
},
computed:{
list(){
let res=[]
let newname=this.name;
this.person.forEach(function(item){
if(item.indexOf(newname)!=-1){
res.push(item);
}
});
return res;
}
}
}
</script>
<style scoped>
</style>