el-table がリスト項目をチェックした後、ページを切り替えて戻り、選択操作を逆にします。

まず、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 メソッドを使用するときにデータを繰り返し追加することを回避します。

おすすめ

転載: blog.csdn.net/szw2377132528/article/details/128288524
おすすめ