element-ui的table动态渲染表头

<template>
	<el-table ref="multipleTable"  :data="dataMessage" style="margin-top:20px;" border @row-click="handleEdit">
		<el-table-column v-for="(item, index) in tableLabel" :key="index" :prop="item.prop" :label="item.label"></el-table-column>
	</el-table>
</template>
<script>
export default {
	data() {
		return {
			dataMessage: [
				{
					family_name: '小明',
					sex: '男'
				},
				{
					family_name: '小花',
					sex: '女'
				}
			],
			tableLabel: [
				{
					prop: 'family_name',
					label: '姓名'
				},
				{
					prop: 'sex',
					label: '性别'
				},
			],
		};
	},
	methods: {
		handleEdit(row) {
			console.log(row);
		},
	},
};
</script>

运行效果：