vue设置 el-table-column显示一位小数

在Vue中设置 el-table-column 显示一位小数，可以通过在 column 对象中的 `formatter` 属性中使用一个函数来实现。这个函数将会对每个单元格的数据进行格式化处理，然后返回新的值用于渲染。

下面是一个例子：

<template>
  <el-table :data="tableData">
    <el-table-column prop="price" label="价格" :formatter="formatPrice"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '商品1', price: 10.123 },
        { name: '商品2', price: 20.456 },
        { name: '商品3', price: 30.789 }
      ]
    };
  },
  methods: {
    formatPrice(row, column, cellValue) {
      return cellValue.toFixed(1);
    }
  }
};
</script>

上述代码中，我们通过 `toFixed(1)` 方法来保留一位小数。然后在 el-table-column 的 `formatter` 属性中指定这个函数。这样，当表格渲染时，价格会被格式化为一位小数并显示在表格中。