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>
相关推荐
JIngJaneIL11 分钟前
社区互助|社区交易|基于springboot+vue的社区互助交易系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·社区互助
ttod_qzstudio1 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
芳草萋萋鹦鹉洲哦1 小时前
【elemen/js】阻塞UI线程导致的开关卡顿如何优化
开发语言·javascript·ui
_大龄1 小时前
前端解析excel
前端·excel
1***s6321 小时前
Vue图像处理开发
javascript·vue.js·ecmascript
一 乐1 小时前
应急知识学习|基于springboot+vue的应急知识学习系统(源码+数据库+文档)
数据库·vue.js·spring boot
槁***耿2 小时前
JavaScript在Node.js中的事件发射器
开发语言·javascript·node.js
一叶茶2 小时前
移动端平板打开的三种模式。
前端·javascript
前端大卫2 小时前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端
U***49832 小时前
JavaScript在Node.js中的Strapi
开发语言·javascript·node.js