vue+element-ui 实现动态表头

最新推荐文章于 2024-03-28 16:29:36 发布

happysmartgirl

最新推荐文章于 2024-03-28 16:29:36 发布

阅读量406

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/happysmartgirl/article/details/129118955

版权

在项目中，遇到了不固定表头，记录一下。

<el-table border stripe :data="listData">
	<el-table-column v-for="item,index in tableList" :key="index"  :label="item.label" :prop="item.prop">
		<template slot-scope="scope">
			<div>{{scope.row[scope.column['property']]}}</div>
		</template>
	</el-table-column>
</el-table>

<script>
	export default {
		data(){
			return {
					// 动态表头信息 后端返回
					tableList:[{
						label:'表头1',
						prop:'ch'
					}],
					listData:[
						{
							"ch":123

						}
					]
			}
		}
	}
</script>