Vue3 Typescript の型に存在しないプロパティの問題を解決する

Question

API からのヒントをコンポーネントに入力しようとしています。 Vue テンプレート ファイルと一緒に LeadService ファイルがあります。私が抱えている問題は、テンプレート ファイルで非同期呼び出しを使用していることです。これは機能しますが、値を計算しようとすると、「property doesn't exit on type」エラーがスローされます。実際に動作し、エラー メッセージの背後に正しいコンポーネントが表示されます。エラーを解消する方法がわかりません。

サービスクラスは次のとおりですLeadService.ts

リーリー

これは私の Vue テンプレートです Leads.vue

リーリー

問題は計算関数から始まり、this.LeadData のフィルタリングを開始します。 基本的にすべてのフィルターは、Property is not exit on type エラーをスローしますが、エラーは存在します。

this.leadData が設定されている場合、それはプロキシであることに注意してください。 この解決策は好きではありませんが、エラーを抑制できるかどうか知りたいです。

たとえば、計算方法の最初のフィルターでは、

リーリー

medium は leadData のプロパティです。実際にコンソールにログを記録すると正常に動作しますが、それでも常に「property doesn't exit on type」がスローされます。 。

Answer 1

leadData の型は、data() の宣言から推測されます。これは {} に初期化されます。これは、その型が 不変の空のオブジェクト であることを意味します (プロパティを付加することはできません)。ただし、leadData には最終的に LeadService().getLeads() の戻り値が割り当てられるため、その型は実際には Lead オブジェクトの配列である必要があります。

leadData を正しく入力するには、Lead[] の型アサーション :

を使用します。 リーリー