526互联

element-ui中table组件设置不可选行数据

发布时间 2023-08-08 14:40:05作者: 秦小咪

html代码：

<el-table
          :data="chooseTableColumnData"
          ref="chooseTableColumn"
          @select="changeTableColumn"
          @select-all="onSelectAll"
        >
          <el-table-column
            type="selection"
            width="55"
            :selectable="isSelect"
          ></el-table-column>
          <el-table-column label="字段名" prop="title"></el-table-column>
        </el-table>
 
chooseTableColumnData：表格数据
changeTableColumn：改变选中行是触发的事件
select-all：选中所有行时触发的事件
isSelect：设置当前行是否可选，不可选返回false，可选返回true
 
 
js：
methods：{
isSelect(row, index) {
      if (index < 6) {
        return false;
      } else {
        return true;
      }
    },}