以下に示すように、子コンポーネントにスロットを持つ ボタン を作成しました。スロットの名前は slotDigitizePolygonBtnLabel です。子コンポーネントの button には、ボタンが無効かどうかを示す disabilityState というプロパティが必要です。

親コンポーネントで、子コンポーネントの button をレンダリングし、disabilityState の値を親コンポーネントから子コンポーネントに渡したいと考えています。

コードを実行しても何も表示されません。どこに間違いがあるのか、またその修正方法を教えてください。

サブコンポーネント: DigitizePolygonButton.vue

<テンプレート>  <スロット名="slotDigitizePolygonBtnLabel">テキスト   <スクリプト> デフォルトのエクスポート { セットアップ(小道具) { 戻る { digitalizePolygonBtnDisabilityState: props.isDigitizePolygonBtnDisabled、 }; }、 小道具: { isDigitizePolygonBtnDisabled: { タイプ: ブール値、 必須: true、 デフォルト: false、 }、 }、 }; 

親コンポーネント:

<テンプレート v-slot:slotDigitizePolygonBtnLabel>  テスト