検索

ホームページ  >  に質問  >  本文

プロパティから推論された汎用データ型を持つ Vue 3/Nuxt 3 スコープのスロット

Nuxt v3 にカルーセル コンポーネントを実装したいと考えています。このコンポーネントは項目のリストを受け取ります。このコンポーネントはロジックのみを実装し、スタイルや構造は実装しません。

これが私のコンポーネントです:

コンポーネント/tdx/carousel.vue

リーリー

カルーセルのロジックはここでは重要ではありません。

親コンポーネントでは、次のようにコンポーネントを使用できます:

リーリー

これはうまくいきます。それ以外に私が欲しいのはタイピングです。 titledescription のタイプは、もちろん任意です。carousel.vue の小道具では、項目のタイプは unknown[] であるためです。

汎用コンポーネントの作成方法を示したこの記事を見つけましたが、nuxt の自動インポート システムをいじる必要があるため、これは望ましくありません。

carousel.vue プロパティ内の特定の項目から型推論を実装するにはどうすればよいですか?

P粉863295057P粉863295057487日前808

全員に返信(1)返信します

  • P粉476547076

    P粉4765470762023-11-03 18:29:13

    更新日: 2023 年 5 月

    Vue 3.3 以降、共通コンポーネントを正式にサポート.

    共通パラメータを定義する必要があります。 carousel.vue コンポーネントを変更して、