怎样获取element-ui表格中的渲染的prop值？

Question

这是我的代码：

  <el-table border style="width:100%" :data="tableData">
    <el-table-column prop="id" label="ID"></el-table-column>
    <el-table-column prop="title" label="标题"></el-table-column>
    <el-table-column prop="content" label="内容"></el-table-column>id
    <el-table-column prop="type" label="分类"></el-table-column>
    <el-table-column prop="tag" label="标签"></el-table-column>
    <el-table-column prop="date" label="日期"></el-table-column>
    <el-table-column label="操作">
      <el-table-column label="修改">
        <el-link :underline="false" icon="el-icon-edit" @click="clickChange(id)">修改</el-link>
      </el-table-column>
      <el-table-column label="删除">
        <el-link :underline="false" icon="el-icon-delete">删除</el-link>
      </el-table-column>
    </el-table-column>
  </el-table>

我想点击修改链接，通过clickChange函数获取这一行数据的id属性，这个id属性正是表格第一列prop='id'里面的id，该怎么获取呢？

Answer 1

<el-table-column label="操作">
  <template slot-scope="scope">
    <el-table-column label="修改">
      <el-link :underline="false" icon="el-icon-edit" @click="clickChange(scope.row.id)">修改</el-link>
    </el-table-column>
    <el-table-column label="删除">
      <el-link :underline="false" icon="el-icon-delete">删除</el-link>
    </el-table-column>
  </template>
</el-table-column>