我需要一段vue模糊查询的代码
时间: 2023-03-27 21:05:11 浏览: 120
ctrl+f功能demo代码
以下是一个简单的 Vue 模糊查询的代码示例:
```
<template>
<div>
<input type="text" v-model="searchText" placeholder="请输入搜索关键字">
<ul>
<li v-for="item in filteredList">{{ item }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
list: ['苹果', '香蕉', '橙子', '西瓜', '芒果'],
searchText: ''
}
},
computed: {
filteredList() {
return this.list.filter(item => item.includes(this.searchText))
}
}
}
</script>
```
希望能对您有所帮助。
阅读全文