如何在vue应用程序中选择筛选器并使用所选值进行搜索？

data() {
  return {
    filters: ['Option 1', 'Option 2', 'Option 3'],
    selectedFilter: ''
  }
}

<select v-model="selectedFilter">
  <option value="">All</option>
  <option v-for="filter in filters" :value="filter">{{ filter }}</option>
</select>

computed: {
  filteredData() {
    if (this.selectedFilter === '') {
      return this.data; // 返回所有数据
    } else {
      return this.data.filter(item => item.filterProperty === this.selectedFilter);
    }
  }
}

<ul>
  <li v-for="item in filteredData" :key="item.id">{{ item.name }}</li>
</ul>