Ошибка типа TypeScript в computed методе во Vue?

Question

[Comnox]

добрый вечер, сталкнулся с такой проблемой что при возвращении отфильтрованного массива в computed методе состоящего из ObjectOfCity, TS ругается что bigCard могу указать как только any, хотя это тот же обьект ObjectOfCity

filteredBigCards(): ObjectOfCity[] {
      return this.filters.length
        ? this.bigCardsList.filter((bigCard: <b>any</b>) =>
            this.filters.find((filter: string) => bigCard.weather[`${filter}`])
          )
        : this.bigCardsList;
    }

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ blizzard: boolean; cloudy: boolean; metorite: boolean; rainy: boolean; snowy: boolean; stormy: boolean; sunny: boolean; }

Comments

[Вадим]

Покажите что в filters хранится
И в weather

И интерполяцию тут зачем делать?

[Comnox]

Вадим, filters - это простой массив строк, ['sunny', 'runny', 'rainy', ...]
через интерполяцию вроде все лаконично смотриться и работает, про другой способ даже не думал пока)

[Вадим]

Comnox, Мне кажется, Вы пропустили основы языка.

var o = {
  lorem: 'ipsum'
};

var k = 'lorem';

o.lorem // ipsum
o['lorem'] // ipsum
o[k] // ipsum

//А вот что Вы делаете:
o[`${k}`] // ipsum - строку в строку интерполируете

o[k] vs o[`${k}`] // о какой лаконичности речь?

[Comnox]

Вадим, спасибо за конструктивную критику

[Вадим]

Comnox, Ну а по Вашему вопросу, Вы пытались гуглить?

https://qna.habr.com/q/726195
https://stackoverflow.com/questions/57086672/eleme...