如何在使用element ui时将计算值放入表属性中

<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column :label="计算属性">
        <template slot-scope="scope">
          {{ getComputedValue(scope.row) }}
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        { name: '王五', age: 22 }
      ]
    };
  },
  computed: {
    // 计算属性，用于计算表格中需要显示的计算值
    getComputedValue(row) {
      // 这里的逻辑可以根据实际需求进行编写，这里仅做示例
      return row.age * 2;
    }
  }
};
</script>