element_Ui table 设置部分禁用

效果图

 

不废话上代码

 <el-table :data="tableData" header-align="center"  @selection-change="handletable">
       <el-table-column type="selection" width="55"align="center":selectable="selectable">
       </el-table-column>
       <el-table-column label="序号" type="index" width="50">
          <template slot-scope="scope">
              <span>{{(pages.currentPage - 1) * pages.pageSize + scope.$index + 1}}</span>
          </template>
       </el-table-column>
 </el-table>

 只需要添加 :selectable="selectable"  方法即可

methods: {

         selectable(row,index){ //row为本行所有信息

            if(row.shelfStatus == 0){ //shelfStatus是我后台返回的禁止选用字段

                return true //可选返回true

            }else{

                return false //禁用返回false

            }

        }

}

over