Vue3 Typescript의 유형에 존재하지 않는 속성 문제 해결

Question

API의 단서로 구성요소를 채우려고 합니다. 내 vue 템플릿 파일과 함께 LeadService 파일이 있습니다. 내가 겪고 있는 문제는 템플릿 파일에 대해 비동기 호출을 사용하고 있다는 것입니다. 작동하지만 값을 계산하려고 하면 property does not exit on type 오류가 발생합니다. 실제로 작동하며 오류 메시지 뒤에 있는 올바른 구성 요소를 볼 수 있습니다. 오류를 없애는 방법을 모르겠습니다.

서비스 카테고리입니다LeadService.ts

으아악

이것은 내 vue 템플릿입니다 Leads.vue

으아악

문제는 계산 기능에서 시작되어 필터링을 시작합니다 this.LeadData 기본적으로 모든 필터는 Property does not exit on type 오류를 발생시키지만 존재합니다.

this.leadData가 설정되면 프록시라는 점에 유의하는 것이 중요합니다. 어떤 도움이라도 대단히 감사하겠습니다. 이 솔루션이 마음에 들지 않더라도 오류를 억제할 수 있는지 알고 싶습니다.

예를 들어 계산 방법의 첫 번째 필터에서

으아악

medium은 leadData의 속성이며 실제로 콘솔에 기록할 수 있고 잘 작동하지만 여전히 항상 medium 是 leadData 的一个属性，我实际上可以控制台记录它并且它工作得很好，但它仍然总是抛出 property does not exit on type가 발생합니다.

Answer 1

leadData 的类型是从 data() 中的声明推断出来的。它被初始化为 {}，这意味着它的类型是一个不可变的空对象（并且不能附加任何属性）。但是，leadData 最终被分配了 LeadService().getLeads() 的返回值，所以它的类型实际上应该是 Lead 객체 배열.

올바르게 입력하려면 leadData，请使用 Lead[]에 대한 어설션을 입력하세요:

으아아아