vue3模糊查询

首先，您需要在模板中添加一个输入框，并为其绑定一个响应式数据，例如 query：
template
input v-model=＂query＂ placeholder=＂请输入查询关键字＂ /
/template
然后，您可以使用 computed 属性来计算出符合查询条件的数据，例如：
script
export default {
data() {
return {
query: '',
items: [
{ name: '张三', age: 20 },
{ name: '李四', age: 25 },
{ name: '王五', age: 30 }
]
}
},
computed: {
filteredItems() {
return this.items.filter(item = item.name.includes(this.query))
}
}
}
/script
最后，在模板中使用过滤后的数据即可。例如：
template
ul
li v-for=＂item in filteredItems＂ :key=＂item.name＂{{ item.name }}/li
/ul
/template

更新日期：