【示例】element-ui table 的 selection 设置禁用选择框之禁止选中行,设置只可以选中某行

描述:

设置el-table中的某些行可以选中,使用的是selectable参数。

【示例】element-ui table 的 selection 设置禁用选择框之禁止选中行,设置只可以选中某行_第1张图片

代码如下:

    
    

示例一:

设置可选中的条件: 

checkSelectable(row) {
  return row.date == '2016-05-04'
},

 

【示例】element-ui table 的 selection 设置禁用选择框之禁止选中行,设置只可以选中某行_第2张图片

示例二:

设置 2016-05-04的不可选中

checkSelectable(row) {
  return row.date != '2016-05-04'
},

【示例】element-ui table 的 selection 设置禁用选择框之禁止选中行,设置只可以选中某行_第3张图片

你可能感兴趣的:(前端,elementui,el-table,selection)