Пользовательский фильтр для таблицы из двух разных вызовов

Моя текущая ситуация заключается в том, что я делаю 2 вызова через Axios и получаю два разных файла. Первый вызов - это полный файл json, который создает таблицу, а второй - только категории (почему? Сложное приложение сложное. Оно медленно обновляется из старой структуры). Я создаю два раскрывающихся списка — первый заполняется годами, который также строит таблицу. Второй раскрывающийся список заполнен категориями. При загрузке приложения таблица загружается за текущий год.

Мой вопрос: как мне создать собственный вычисляемый фильтр, который будет фильтровать таблицу и отображать только строки с выбранной категорией (из второго раскрывающегося списка). Итак, если я выберу 2019 из первого раскрывающегося списка, все таблицы будут загружены. И после этого, если я выберу, скажем, «Имя» в раскрывающемся списке категорий, таблица обновится и покажет только строки, в которых есть «Имя». Пробовал разные варианты, но этот не укладывается в голове.

Мой текущий код:

data() {
 return {
  year:[],
  category:[] ,
  tableData:[],
 }
},

computed: {
 axiosParams(){
  const params = new URLSearchParams();
  params.append('year', this.year);
  return params;
 },

methods: {
 getYears: function(){  
  axios.get('myUrl', {
    params: this.axiosParams
     }).then((response) => {
    this.year = response.data;
    console.info(response.data)   
    this.tableData = response.data.result;
   })
   .catch((err) => {
    console.info(err);
  });
 },

 getCategory: function(){
   let category = [];
   axios.get('mySecondUrl').then((response, i) => {
    this.category = response.data
    for (var i = 0; i < category.length; i++) {
     let catType = i
     this.catType = response.data[i].name;
     console.info(catType);
    }
  })
  .catch((err) => {
    console.info(err);
  })
 }
}
created: {
 this.getYears();
 this.getCategory();
}

Мой HTML:

<select v-model = "selectedYear" @change = "yearSelected">
 <option v-for = "year in years" :key = "year"> {{year}} </option>
</select>

<select v-model = "selectedCat" >
 <option v-for = "(item, index) in category" :item = "item" 
 :key = "index" :value = "item.name"> {{ item.name }} </option>
</select>