怎么将el-table的行数据再点击的时候传给对话框dialog

当您点击el-table的某一行时，您可以通过在行内元素添加@click事件来获取行数据，然后将数据传递给对话框dialog。具体代码如下：

<template>
<el-table :data="tableData" @row-click="handleRowClick">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="gender" label="性别"></el-table-column>
</el-table>
<el-dialog :visible.sync="dialogVisible">
<span>{{rowData}}</span>
</el-dialog>
</template>
<script>
export default {
data() {
return {
tableData: [{
name: '张三',
age: 18,
gender: '男'
}, {
name: '李四',
age: 20,
gender: '女'
}, {
name: '王五',
age: 22,
gender: '男'
}],
dialogVisible: false,
rowData: {}
}
},
methods: {
handleRowClick(row) {
this.dialogVisible = true;
this.rowData = row;
}
}
}
</script>

关键在于监听@row-click事件，当用户点击行时，将行对象传递给handleRowClick方法，方法中将rowData设置为所选行的数据，并让对话框显示出来，显示的内容将显示rowData数据。