[Element-UI]テーブルの複数選択ボックスを無効にし、ページ全体で複数選択

前言

• テーブルのチェックボックスが無効になっている
  https://www.jb51.net/article/170515.htm
• 表クロスページ複数選択
  https://www.cnblogs.com/steamed-twisted-roll/p/9629681.html

代码示例

• テーブルのチェックボックスが無効になっています
  HTMLコード

   <el-table-column type="selection" width="55" :selectable="_selectable"></el-table-column>
  

  js

  _selectable(row, index) {
        
        
    if (row.status === 0) {
        
        
      return true
    } else {
        
        
      return false
    }
  }
  

• 表クロスページ複数選択
  まず、属性を追加する表：:row-key="_getRowKey"。
  以下のrow.experienceCardSnは、行データの一意の値に対応します。通常はid

   _getRowKey(row) {
        
        
        return row.experienceCardSn
  }
  

  次に、属性を追加するチェックボックス:reserve-selection="true"

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