タブの要素-UI

<EL-テーブルREF = "multipleTable"ツールチップ効果= "暗い"ボーダー：データ= "データリスト"スタイル= "幅：100％">
<EL-テーブル列タイプ= "選択"> </ EL-卓上カラム>
<EL-テーブル列タイプ= "インデックス"> </ EL-テーブル列>
<EL-テーブル列プロパ= "ID"ラベル= "ID"> </ EL-テーブル列>
<IL-テーブル列プロップ= ""ラベル= "标题1"> </ EL-テーブル列>
<EL-テーブル列プロパ= "B"のラベル= "标题1"> </ EL-テーブル列>
< EL-テーブル列プロパ= "C"のラベル= "标题1"> </ EL-テーブル列>
<EL-テーブルカラムプロップ= "D"ラベル= "标题1"> </ EL-テーブル列>
</ EL-表>
<EL-ページネーション
@サイズ変化= "handleSizeChange"
電流変化= "handleCurrentChange" @
：= "currentPageに"現在のページ
：ページサイズ= "[5、10、20、40]"
：ページサイズ= "PER_PAGE"
レイアウト= "合計サイズ、PREV、ページャ、次に、ジャンパー"
：合計= "合計">
</ EL-ページ付け>

 

レイアウトは、コンポーネントのロードされた
ページ・サイズページごとに表示するオプションの個数
記事のオプションページ・サイズ・ページの数を示し
、現在のページ現在のページ
の総合計数
サイズ変更がページを変更するときに呼び出されますがの数を示し
、現在の-changeは、現在のページ番号を変更するときに呼び出されます

 

エクスポートデフォルト{
データ（）{
リターン{
データリスト：[]、
合計：0、
currentPageに：1、
PER_PAGE：5、
}
}、
搭載（）{
this.getList（）
}、
メソッド：{
GETLIST（）{
VAR用のparams = {
ページサイズ：this.per_page、
ページ：this.currentPage、
}。
sendRecoed（paramsは）.then（RES => {
！IF（res.code）
{
this.dataList = res.data.data;
にconsole.log（res.data.total）;
this.total = res.data.total。
this.per_page = res.data.per_page;
this.currentPage = res.data.current_page;
}
}）。
}、
handleSizeChange（ヴァル）{
this.per_page =ヴァル;
}、
handleCurrentChange（ヴァル）
{
this.currentPage =ヴァル。
console.log（ヴァル）。
}

}
}。