如何在Vue中获取表格中的行名和列号？

<table>
  <tr v-for="(row, rowIndex) in tableData" :key="rowIndex">
    <td v-for="(cell, colIndex) in row" :key="colIndex">
      {{ cell }}
    </td>
  </tr>
</table>

data() {
  return {
    tableData: [
      ['A1', 'B1', 'C1'],
      ['A2', 'B2', 'C2'],
      ['A3', 'B3', 'C3']
    ]
  };
}

<table>
  <tr v-for="(row, rowIndex) in tableData" :key="rowIndex">
    <td v-for="(cell, colIndex) in row" :key="colIndex" @click="getCellInfo(rowIndex, colIndex)">
      {{ cell }}
    </td>
  </tr>
</table>

methods: {
  getCellInfo(rowIndex, colIndex) {
    const rowName = `Row ${rowIndex + 1}`;
    const colName = String.fromCharCode(65 + colIndex); // A represents the first column

    console.log(`Clicked cell: ${rowName}${colName}`);
  }
}