element ui表格cell-click

Element UI是一个流行的开源前端组件库，它提供了一个易于使用的表格组件`el-table`。当用户点击表格中的单元格（cell），`cell-click`事件就会触发。这个事件允许开发者定制单元格被点击时的行为，比如数据处理、导航到其他页面或是显示详细信息等。

在Vue.js中，你可以通过`v-on:cell-click="handleCellClick"`这样的语法来监听cell-click事件，其中`handleCellClick`是一个自定义函数，接收当前行的数据和被点击单元格的索引作为参数。例如：

<template>
  <el-table :data="tableData" @cell-click="handleCellClick">
    <!-- ... -->
  </el-table>
</template>

<script>
export default {
  methods: {
    handleCellClick(row, cellIndex) {
      console.log(`点击了第${row.index}行的第${cellIndex}列`);
      // 根据需要在此处添加具体的业务逻辑
    }
  },
  data() {
    return {
      tableData: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        // ...
      ]
    };
  }
};
</script>

在这个例子中，每次点击单元格时控制台会打印出相应的行和列信息。