el table有小数点保留两位小数

在Vue.js中，如果你想要在`el-table`组件中显示数字并保留两位小数，你可以通过绑定单元格数据的计算属性来实现。假设你有一个名为`data`的对象数组，其中包含需要展示的小数数值，你可以这样做：

<template>
  <el-table :data="formattedData">
    <el-table-column prop="number" label="Number" format="{value: formatTwoDecimalPlaces(value)}"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      data: [
        { number: 1.23456 },
        { number: 789.0123 },
        // 更多数据...
      ]
    };
  },
  computed: {
    formattedData() {
      return this.data.map(item => ({
        ...item,
        number: Number(item.number.toFixed(2))
      }));
    },
    formatTwoDecimalPlaces(value) {
      return value.toFixed(2);
    }
  }
};
</script>

在这个例子中，`formatTwoDecimalPlaces`是一个计算属性，它接受数值作为输入并返回保留两位小数的结果。然后在`el-table-column`的`format`选项中，我们引用了这个计算属性来格式化实际展示的数据。