Vue，ElementUI点击特定列触发事件

在Vue中使用ElementUI时，如果你想要在点击表格的特定列时触发事件，你可以使用@cell-click事件来实现。这个事件会在用户点击单元格时触发，并提供单元格的行数据和列信息。

以下是一个简单的例子，展示了如何在点击特定列时触发事件：

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    @cell-click="handleCellClick"
  >
    <el-table-column
      prop="date"
      label="日期"
      width="180"
    ></el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180"
    ></el-table-column>
    <el-table-column
      prop="address"
      label="地址"
    ></el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '李小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }]
    }
  },
  methods: {
    handleCellClick(row, column, cell, event) {
      // 通过 column.property 判断点击的是哪一列
      if (column.property === 'name') {
        // 这里可以写触发事件的逻辑
        console.log(`点击了姓名列，姓名为：${row.name}`);
      }
    }
  }
}
</script>

在这个例子中，我们定义了一个handleCellClick方法，并在el-table上使用@cell-click="handleCellClick"来绑定这个事件。在handleCellClick方法中，我们通过column.property来判断点击的是哪一列，如果是特定的列（例如name列），我们就可以执行相应的逻辑。