如何在elementui中让前端现实数据保留两位小数

<el-table-column label="面积(平方米)" width="180" align="center" prop="area1">

            <template slot-scope="scope">

                      {{ parseFloat(scope.row.area1).toFixed(4) }}

             </template>

</el-table-column>

 在el-table-column中使用scope.row.注意：

数据源：确保 scope.row 中包含了属性 area1的值。 scope.row 是在作用域插槽中定义的，它表示当前行的数据对象。
数据类型：确保 area1是一个数字类型的值，因为在调用 .toFixed(2) 方法之前，需要确保area1 是一个数字，才能正确执行保留两位小数的操作。如果 price 是一个字符串类型的值，你可以先将其转换为数字，例如使用 parseFloat(scope.row.price)。
模板中的使用：在你的模板代码中找到需要显示格的位置，通常是在 <el-table-column> 或其他组件的模板中。然后将 {{ scope.row.area1.toFixed(2) }} 放置在该位置，确保它被解析为模板表达式。