Почему возникает ошибка «Property 'toLowerCase' does not exist on type 'Ref'»?

Question

[Comnox]

Столкнулся с такой проблемой, что при переписывании компонента во
Vue 3 на Сomposition API в watch-ере появилась ошибка:

Property 'toLowerCase' does not exist on type 'Ref<string>'

, хотя по логике все правильно.

seachCityName - обычная строка: const seachCityName = ref("")
fullListofCities - массив из ObjectOfCity:

interface ObjectOfCity {
  city: string;
  temperature: number;
}

Сам watch-ер:

watch(seachCityName, () => {
    store.commit(
      "SET_CITIES",
      store.getters.fullListofCities.filter((city: ObjectOfCity) =>
        city.city.toLowerCase().includes(seachCityName.toLowerCase())
   )
 );
})

Comments

[Lynn «Кофеман»]

> seachCityName - обычная строка

Где это указано?

[Comnox]

Lynn «Кофеман»,
выше watch создал переменную:
const seachCityName = ref("");

[Lynn «Кофеман»]

Comnox, переменная выше watch не имеет никакого отношение к аргументу в watch

Answer 1

[0xD34F]

seachCityName - обычная строка

Да ну? Судя по тексту ошибки - это ref. А значит, вашей строкой будет seachCityName.value.

Comments

[Comnox]

лучший!
спасибо большое, про это как раз и забыл!)