Vue 3 複数のコンポーネントにスロットを渡す方法
P粉216203545
P粉216203545 2023-08-27 00:15:30
0
1
520

プロジェクト全体で再利用できる、指定されたセルを含む巨大なテーブルを作成しようとしています。

さまざまなセルコンポーネントをテーブルコンポーネントに渡したいと考えています。

しかし、 複数の子ノードを介して名前付きスロットを渡す方法がわかりません。

私は

を使用しています。

名前付きスロット cell の slotProps

を App.vue で使用できるようにしたいです id と名前付きスロット test

でやったのと同じように。

自分の気持ちをはっきりさせるために、ここに遊び場を作りました

// App.vue <スクリプトセットアップ lang="ts"> 'vue' から { ref } をインポートします './types.ts' から { ITable } をインポートします './Table.vue' からテーブルをインポート const table = ref({ 木: [ { データ: [{ 値: '0' }, { 値: '1' }, { 値: '2' }, { 値: '3' }] }, { データ: [{ 値: '0' }, { 値: '1' }, { 値: '2' }, { 値: '3' }] }, ]、 }) 
      <テンプレート>
       <テーブル :table="テーブル">