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

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;

      }

    },}