Element-UIのテーブルはページングの複数選択機能を実装します

選択変更イベント: 選択が変更されたときにこのイベントがトリガーされます (ページングが切り替わると、選択されたデータが自動的に変更されます)。

ページングによる複数選択

• el テーブルを追加する :row-key="getRowKeys"

 

<el-table
      ref="form"
      :model="form"
      :row-key="getRowKeys"
      @selection-change="handleChange"
>
</el-table>

getRowKeys(row) {
	return row.id
},
handleChange(selection) {
    console.log(selection)
}

• 次に、最初の列、つまり複数選択ボックスのある列に、次のように追加します。 :reserve-selection="true"

  <el-table-column type="selection" :reserve-selection="true"></el-table-column>