vue实现input框搜索功能

可以使用Vue的v-model指令和computed属性来实现input框搜索功能。首先，将input框的值绑定到一个data属性中，例如：

<template>
  <div>
    <input type="text" v-model="searchText">
    <ul>
      <li v-for="item in filteredList">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchText: '',
      list: ['apple', 'banana', 'orange', 'pear']
    }
  },
  computed: {
    filteredList() {
      return this.list.filter(item => item.includes(this.searchText))
    }
  }
}
</script>

在computed属性中，使用filter方法过滤出包含搜索关键字的列表项，然后在模板中使用v-for指令渲染过滤后的列表。