<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>
运行效果: