vue2项目，如何在el-table-column下的属性prop的值里写js表达式

在Vue 2项目中，如果你想要在`el-table-column`的`prop`属性里使用JavaScript表达式，你需要在模板字符串中直接编写。这是因为`el-table`组件默认不会解析HTML或JS表达式。然而，你可以通过一些技巧间接地实现这个需求：

1. 使用计算属性（Computed Properties）：
首先，在数据对象中定义一个计算属性，接收一个动态的prop值作为输入，然后在其内部处理表达式计算结果。例如：

data() {
  return {
    tableData: [
      { name: 'John', age: 30 },
      // ...
    ],
    computedColumns: [
      { prop: 'age * 2', label: 'Double Age' } // 这里的表达式会用于计算
    ]
  }
}

computed: {
  formattedColumn(props) {
    let expression = props.prop;
    try {
      // 尝试执行表达式，并返回结果
      return eval(expression);
    } catch (error) {
      // 如果表达式无效，可以返回原始值或错误信息
      console.error('Invalid expression:', error);
      return props.value;
    }
  }
}

2. 在`el-table-column`中引用计算属性：
然后在表格列配置中，将计算好的值引用到`formatter`选项上：

<template>
  <el-table :data="tableData">
    <el-table-column v-for="(column, index) in computedColumns" :key="index" :prop="formattedColumn(column.prop)" :label="column.label" />
    <!-- ... -->
  </el-table>
</template>

注意：使用`eval`函数有安全风险，因为它是JavaScript中的全局执行上下文，建议仅在绝对可信的情况下使用。另外，`*`运算符通常只适用于数组操作，如果不是数组的话，可能会导致意外的行为。