已解决
【VUE+ elementUI 实现动态表头渲染】
来自网友在路上 184884提问 提问时间：2023-11-09 14:21:51阅读次数： 84
最佳答案 问答题库848位专家为你答疑解惑
VUE+ elementUI 实现动态表头渲染
1、定义 columns（表头数据） 和 dataList（表格数据）
data() {return {loading: false,dataList: [{ name: '张三', sex: '男', age: 18 },{ name: '林琳', sex: '女', age: 20 },{ name: '王五', sex: '男', age: 22},{ name: '赵六', sex: '男', age: 20},],columns: [{ label: "姓名", prop: "name" },{ label: "性别", prop: "sex" },{ label: "年龄", prop: "age" },],}
},
2、通过数据渲染页面
<el-table ref="tables" v-loading="loading" :data="dataList"><el-table-columnv-for="item in columns":key="item.prop":prop="item.prop":label="item.label"align="center"><template slot-scope="scope"><span>{{ scope.row[item.prop] }}</span></template></el-table-column>
</el-table>
3、页面效果
查看全文
99%的人还看了
相似问题
猜你感兴趣
版权申明
本文"【VUE+ elementUI 实现动态表头渲染】"：http://eshow365.cn/6-36261-0.html 内容来自互联网，请自行判断内容的正确性。如有侵权请联系我们，立即删除！
- 上一篇: 软件工程第十周
- 下一篇: rust从0开始写项目-读取配置文件