如何让多个搜索过滤器在Vue Bootstrap中使用for循环？

data() {
  return {
    filters: [
      { label: 'Filter 1', value: 'filter1' },
      { label: 'Filter 2', value: 'filter2' },
      { label: 'Filter 3', value: 'filter3' }
    ],
    selectedFilters: []
  };
}

<template>
  <div>
    <div v-for="filter in filters" :key="filter.value">
      <b-form-checkbox v-model="selectedFilters" :value="filter.value">
        {{ filter.label }}
      </b-form-checkbox>
    </div>
    <button @click="applyFilters">Apply Filters</button>
  </div>
</template>

methods: {
  applyFilters() {
    // 根据selectedFilters数组中的值执行过滤操作
    // 例如，可以使用Vue的计算属性来根据选中的过滤器值过滤数据
    // this.filteredData = this.data.filter(item => this.selectedFilters.includes(item.filter));
  }
}