まず、el-table コンポーネントに :row-key 属性を設定します。
次に、イベントを row-key に追加します。
:row-key="getRowKey"
次にメソッドメソッドを書きます
getRowKey(row) {
return row.id
}
次に、el-table コンポーネントに移動して、タイプを選択 < el-table-column > に設定する項目を見つけます。
アドオン
:reserve-selection=“true”
データ更新後も以前に選択したデータを保持
ページを切り替えてリクエストを送信した後、新しいデータを取得した後に操作を追加します(ページャーがページを切り替えたとき)
this.$nextTick(() => {
if (selectedArray && selectedArray.length > 0) {
selectedArray.forEach(element => {
this.$refs.你的el-table组件的ref实例.toggleRowSelection(element)
})
}
})
次に、コンポーネントが破棄されるときに、 this.$refs.xxx.clearSelection() を使用してテーブル要素内の選択されたデータをクリアし、次回 toggleRowSelection メソッドを使用するときにデータを繰り返し追加することを回避します。