在输入框输入值后,可立马筛选下面符合条件的数据:
<template>
<div id="app">
<input
type="text"
v-model="val"
>
<ul>
<li v-for="(item,index) in dataSource">
{{item.name}}
</li>
</ul>
</div>
</template>
然后使用filter做筛选
<script>
export default {
data() {
return {
list: [
{
name: "t34455"
},
{
name: "drrrr"
},
{
name: "z1245s"
},
{
name: "b54542"
}
],
val: ""
};
},
computed: {
dataSource() {
return this.list.filter(k => {
return k.name.match(this.val);
});
}
}
};
</script>