У меня ref:
const editItem = ref<object | null>(null)
Вот пример его значения:
{
id: 1,
title: 'Harry Potter',
author: 'J.K. Rowling',
created: '30-08-2000',
}
Если я запускаю console.log(editItem.value), я вижу этот объект:
Но когда я пытаюсь прочитать значение author с помощью console.log(editItem.value.author), я вижу эту ошибку:
Object is possibly 'null'.
Поскольку тип ссылки - object | null, он может быть null при обращении к нему, что приведет к исключению времени выполнения. Сообщение об ошибке предупреждает о такой возможности для editItem.value.
Вы можете либо добавить null-проверку для его доступа:
if (editItem.value) {
console.log(editItem.value.author)
}
... или вы можете просто использовать необязательная цепочка:
console.log(editItem.value?.author)
Но вы заметите, что вы получите другое предупреждение о том, что author не является частью подписи для object. Одно из решений - изменить тип ref с object на определенный интерфейс:
interface MyRef {
id: number;
title: string;
author: string;
created: string;
}
const editItem = ref<MyRef | null>(null)
console.log(editItem.value?.author) ✅
Чех Михал
Проблема (не видя кода), похоже, заключается в том, что вы используете ref для значения объекта. Хотя вы можете найти обходной путь, чтобы заставить его работать, самый простой способ справиться с реактивными объектами - использовать reactive вместо ref.
Еще одно преимущество заключается в том, что вам не нужно использовать .value при получении или установке значения объекта.
