el-table-column动态渲怎么判断显示隐藏
时间: 2023-11-11 12:00:44 浏览: 179
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
可以通过设置 el-table-column 的 prop 属性来控制列的显示和隐藏。具体来说,可以在数据中添加一个字段,用于表示该列是否需要显示,然后在 el-table-column 中使用 v-if 或者 :visible.sync 来根据该字段的值来控制列的显示和隐藏。
例如,假设数据中有一个字段 isShow,表示该列是否需要显示,那么可以这样设置 el-table-column:
```
<el-table-column
prop="name"
label="姓名"
v-if="rowData.isShow"
></el-table-column>
```
或者:
```
<el-table-column
prop="name"
label="姓名"
:visible.sync="rowData.isShow"
></el-table-column>
```
其中 rowData 是当前行的数据对象。
阅读全文