<div id="box">
<input type="text" v-model="keyword1"/>
<ul>
<li v-for="value in fSearch">
<img :src="value.img" alt="">
<p>{{value.name}}</p>
</li>
</ul>
</div> keyword1 : '',
list : [
{
"name":"李一",
"img":"../../../../static/img/close.png"
},
{
"name":"李二",
"img":"../../../../static/img/close.png"
},
{
"name":"索一",
"img":"../../../../static/img/close11.png"
},
{
"name":"张二",
"img":"../../../../static/img/down.png"
},
], computed : { //设置计算属性
fSearch(){
if(this.keyword){
return this.list.filter((value)=>{ //过滤数组元素
return value.name.includes(this.keyword); //如果包含字符返回true
});
}
}
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/149794.html
