el-table-column监听事件

el-table-column是element-ui中的一个表格组件，它可以用来监听表格中的事件。具体来说，可以使用el-table-column的prop属性来绑定数据，然后使用el-table-column的事件来监听数据的变化。以下是一个例子：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名" @change="handleChange"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        { name: '王五', age: 22 }
      ]
    }
  },
  methods: {
    handleChange(row) {
      console.log(row.name + '的姓名被修改了')
    }
  }
}
</script>

在上面的例子中，我们使用el-table-column的prop属性来绑定数据，然后使用@change事件来监听数据的变化。当姓名被修改时，handleChange方法会被调用，并输出相应的信息。