【element-ui】table多选框禁用 和 跨页多选

本文主要是介绍【element-ui】table多选框禁用 和 跨页多选，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前言

• table多选框禁用
  https://www.jb51.net/article/170515.htm
• table跨页多选
  https://www.cnblogs.com/steamed-twisted-roll/p/9629681.html

代码示例

• table多选框禁用
  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}
  }
  

• table跨页多选
  首先，table添加属性：:row-key="_getRowKey"。
  下面的row.experienceCardSn 对应行数据的唯一值，一般是id

   _getRowKey(row) {return row.experienceCardSn
  }
  

  然后复选框添加属性:reserve-selection="true"

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

这篇关于【element-ui】table多选框禁用 和 跨页多选的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---