我需要一段vue2.0的模糊查询代码
时间: 2023-04-08 10:04:41 浏览: 180
以下是一个简单的 Vue 2.0 模糊查询代码示例:
```
<template>
<div>
<input type="text" v-model="searchTerm" placeholder="Search...">
<ul>
<li v-for="item in filteredItems">{{ item }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
items: ['apple', 'banana', 'cherry', 'date', 'elderberry'],
searchTerm: ''
}
},
computed: {
filteredItems() {
return this.items.filter(item => {
return item.toLowerCase().includes(this.searchTerm.toLowerCase())
})
}
}
}
</script>
```
这段代码实现了一个简单的模糊查询功能,用户可以在输入框中输入关键词,页面会实时显示包含该关键词的列表项。
阅读全文