el-table动态配置显示表头

在实际工作中,会遇到动态配置e-table表头的情况,如下方法可以实现:

复制代码
//  要展示的列
column: [{
    prop: 'name', name: '名称'
}, {
    prop: 'age', name: '年龄'
}, {
    prop: 'sex', name: '性别'
}, {
    prop: 'address', name: '地址'
}, {
    prop: 'city', name: '城市'
}]
html 复制代码
<el-table :data="data">
    <el-table-column 
        v-for="item in column" 
        :key="item.name" 
        :prop="item.prop" 
        :label="item.name">
    </el-table-column>
</el-table>
相关推荐
pobu16819 分钟前
aksk前端签名实现
java·前端·javascript
烛阴24 分钟前
带参数的Python装饰器原来这么简单,5分钟彻底掌握!
前端·python
0wioiw029 分钟前
Flutter基础(前端教程⑤-组件重叠)
开发语言·前端·javascript
冰天糖葫芦42 分钟前
VUE实现数字翻牌效果
前端·javascript·vue.js
Brilliant Nemo44 分钟前
集成CommitLInt+ESLint+Prettier+StyleLint+LintStaged
javascript
嘉琪0011 小时前
2025 js——面试题(7)——ajax相关
开发语言·javascript·ajax
南岸月明1 小时前
我与技术无缘,只想副业搞钱
前端
liu_yueyang1 小时前
JavaScript VMP (Virtual Machine Protection) 分析与调试
开发语言·javascript·ecmascript
gzzeason1 小时前
在HTML中CSS三种使用方式
前端·css·html
hnlucky2 小时前
《Nginx + 双Tomcat实战:域名解析、静态服务与反向代理、负载均衡全指南》
java·linux·服务器·前端·nginx·tomcat·web