空腹の形を実現するために、分配スロットを追加するという名前の第二のパッケージ

1）スロットという名前のパッケージ組立テーブル、およびカスタムという名前のスロット、外部の開発使用中：commonTable

<テンプレート> 
  の<divクラス= "共通表スタイル"> 
    <EL-テーブル
      ：データ= "たtableData" 
      ツールチップ効果= "暗い" 
      ボーダー
      のハイライト-現在の行
      ：最大高さ= "のmaxHeight" 
      ：空のテキスト= "emptyText" 
      @ソート変化= "sortChange" 
      フィルタ変化= "filterChange" @ 
      @選択変化= "のSelectionChange" 
      REF = "commonRef" 
    > 
      の<slot> </スロット> 
      <DIVスロット= "追加"> 
      　　<スロット名= "XXXX"> </スロット> 
      </ div> 
    </ EL-テーブル>
  </ DIV> 
</テンプレート>

<スクリプト>

輸出のデフォルト{

  小道具：{

    たtableData：{

      タイプ：配列、

      デフォルト：（）=> {}

    }、

    maxHeight：{

      タイプ：Number、

      デフォルト：ヌル

    }、

    emptyText：{

      タイプ：文字列、

      デフォルト：「まだデー​​タなし」

    }

  }、

  方法：{

    sortChange（E）{

      この$（ "sortChange"、e）を放出します。

    }、

    filterChange（E）{

      この$（ "filterChange"、e）を放出します。

    }、

    SelectionChange（E）{

      この$（ "のSelectionChange"、e）を放出します。

    }

  }

}。

</ SCRIPT>

2）パッケージアセンブリを使用する方法。

<テンプレート> 
  の<div V-ロード= "読み込み"> 
    <SN-テーブル：たtableData = "entityTableData.list"クラス= "MT20"> 
      <エル・テーブルのカラムラベル= "名称"小道具= "名前"ショーオーバーフロー-tooltip> </ EL-テーブル列> 
      <EL-テーブル列ラベル= "中文名"プロップ= "entityChName"ショーオーバーフローツールチップ> </ EL-テーブル列> 
      <DIVスロット= "XXXXX"> 
        より多くのコンテンツ
      </ DIV> 
    </ SN-テーブル> 
  </ div> 
</テンプレート>