如何打印elementui已渲染的表格数据，请写一个实例

在Element UI中，通常我们会通过`el-table`组件来显示表格数据。获取并打印表格的数据一般涉及监听表格的`@row-click`事件，这个事件会在用户点击表格行时触发。下面是一个简单的例子：

<template>
  <div>
    <el-table :data="tableData" @row-click="handleRowClick">
      <!-- 表头和列配置省略 -->
    </el-table>
    <button @click="printData">打印当前选中的行</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 这里放置你的表格数据数组
        { id: 1, name: '张三', age: 20 },
        { id: 2, name: '李四', age: 25 }
      ],
      selectedRowKeys: [], // 存储选中的行ID
    };
  },
  methods: {
    handleRowClick(row) {
      this.selectedRowKeys.push(row.id); // 当点击一行时，将行ID添加到selectedRowKeys中
    },
    printData() {
      if (this.selectedRowKeys.length > 0) {
        const selectedRows = this.tableData.filter(
          (row) => this.selectedRowKeys.includes(row.id)
        );
        console.log('选中的行数据：', selectedRows);
        // 或者在这里进行其他打印操作，比如使用window.alert显示
        // window.alert(JSON.stringify(selectedRows));
      } else {
        console.log('未选择任何行');
      }
    },
  },
};
</script>

在这个例子中，当用户点击表格行时，`handleRowClick`方法会存储所点击行的id。然后，当点击“打印当前选中的行”按钮时，`printData`方法会过滤出所有已选择的行，并将其打印出来。