vue element UI 表格的多选框 如何根据条件隐藏显示(如图)

Question

Answer 1

提供一个方法，通过添加相应类来控制样式，设置 display: none ,达到隐藏 checkbox 的目的。利用Table Attributes 属性里面的 cell-class-name 属性，添加单元格的class&nbsp;<template>&nbsp; &nbsp; <el-table&nbsp; &nbsp; &nbsp;:cell-class-name="cellcb"&nbsp; &nbsp; &nbsp;...&nbsp; &nbsp; >&nbsp; &nbsp; &nbsp;</el-table>&nbsp; &nbsp;&nbsp;</template><script>&nbsp; methods: {&nbsp; &nbsp; cellcb(row){&nbsp; &nbsp; &nbsp; if(row.row.checkStatus === 1&&row.columnIndex === 0){&nbsp; &nbsp; &nbsp; &nbsp; return "myCell"&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp;&nbsp;</script><style>&nbsp;.myCell .el-checkbox__input {&nbsp; display: none}&nbsp; &nbsp;</style>

Answer 2

//状态为1时不显示复选框&nbsp; &nbsp; 试试这样&nbsp;<el-table-column type="selection" width="45" v-if="checkStatus != 1"></el-table-column>