(vue)el-table-column type=“selection“表格选框怎么根据条件添加禁选

nyf_unknown2025-01-11 17:25

(vue)el-table-column type="selection"表格选框怎么根据条件添加禁选

html

c 复制代码

<el-table
  :data="tableData"
  style="width: 100%">
  <el-table-column
    type="selection"
    width="55"
    :selectable="checkSelectable">
  </el-table-column>
  <!-- 其他列 -->
</el-table>

c 复制代码

 methods: {
    checkSelectable(row, index) {
      // 这里可以根据row的内容来决定是否可以选择这一行
      // 返回true或false
      // 例如，下面的代码禁止选择状态为'California'的行
      return row.state !== 'California';
    }
  }

在checkSelectable方法中，你可以根据行的数据来决定该行是否可以被选中。返回true则可以选中，返回false则禁止选中该行。