element ui 表格的scope

Element UI是一套基于Vue.js的组件库，提供了丰富的UI组件和交互效果。在Element UI的表格组件中，scope是一个特殊的属性，用于在表格的某一列中获取当前行的数据。

当我们在表格的某一列中需要使用当前行的数据时，可以通过scope属性来获取。在表格的列定义中，可以使用slot-scope来定义一个作用域插槽，并将当前行的数据传递给插槽中的内容。

以下是一个示例代码，展示了如何使用scope属性获取当前行的数据：

<template>
  <el-table :data="tableData">
    <el-table-column label="姓名">
      <template slot-scope="scope">
        {{ scope.row.name }}
      </template>
    </el-table-column>
    <el-table-column label="年龄">
      <template slot-scope="scope">
        {{ scope.row.age }}
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        { name: '王五', age: 30 }
      ]
    };
  }
};
</script>

在上述代码中，我们通过slot-scope="scope"来定义了一个作用域插槽，并将当前行的数据传递给了scope变量。然后在插槽中，我们可以通过scope.row来获取当前行的数据，例如scope.row.name表示当前行的姓名。