我正在嘗試構(gòu)建一個(gè)創(chuàng)建過(guò)濾器按鈕的組件，然后通過(guò)事件總線發(fā)送過(guò)濾器對(duì)象中的類型屬性，以便在我的應(yīng)用程序的其他地方處理。但是，當(dāng)我在數(shù)據(jù)部分添加對(duì)象（過(guò)濾器）數(shù)組時(shí)，單擊按鈕時(shí)出現(xiàn) this.filter is not defined 錯(cuò)誤。我想將過(guò)濾器數(shù)組保留在此組件中，因?yàn)槲疫€試圖將活動(dòng)類動(dòng)態(tài)更改為已單擊的任何按鈕。我錯(cuò)過(guò)了與道具有關(guān)的東西嗎？當(dāng)數(shù)據(jù)和 v-for 在另一個(gè)組件上時(shí)，為什么我無(wú)法顯示按鈕？為了解決這個(gè)問(wèn)題，我一直在問(wèn)自己這些問(wèn)題。<template>  <div>    <button      v-for="(filter, index) in filters"      :key="index"      :class="{ active: index === activeItem }"      @click="emitFilter(), selectItem(index)"      :filter="filter"    >      {{ filter.name }}    </button>  </div></template><script>import EventBus from '@/components/EventBus'export default {  props: {    filter: { type: String }  },  data() {    return {      activeItem: 0,      filterResult: '',      filters: [        { name: 'All', type: 'all' },        { name: 'Holidays', type: 'holiday' },        { name: 'Seasons', type: 'season' },        { name: 'Events', type: 'custom' }      ]    }  },  methods: {    emitFilter() {      this.filterResult = this.filter      EventBus.$emit('filter-catagories', this.filterResult)    },    selectItem(index) {      this.activeItem = index    }  }}</script>我的按鈕組件用于過(guò)濾器組件<template>  <div>    <span>filters</span>      <FilterBtn />    </div>  </div></template><script>import FilterBtn from '@/components/FilterBtn'export default {  components: {    FilterBtn      }  // data() {  //   return {  //     filters: [  //       { name: 'All', type: 'all' },  //       { name: 'Holidays', type: 'holiday' },  //       { name: 'Seasons', type: 'season' },  //       { name: 'Events', type: 'custom' }  //     ]  //   }  // }}</script>如您所見，注釋部分是我最初擁有過(guò)濾器的地方，但我不得不將它們移至按鈕組件以添加活動(dòng)類。